显示应用程序屏幕截图的全屏尺寸的最佳尺寸是多少?


Answers:


14

这是Google提供的出色的“ 浏览器大小”工具,它可以显示有多少百分比的用户会看到您网站的不同区域。这确实有助于检查网页,并确保“浅”屏幕上的人们(大多数笔记本电脑的屏幕非常宽,但屏幕很浅/不深)可以看到您的重要内容和号召性用语。

谷歌浏览器大小工具

更新:Google现在已将此功能添加到Google Analytics(分析)中,使您可以看到访问者可以看到您的站点多少:http : //analytics.blogspot.com/2012/06/new-feature-conduct-browser-size。 html

具有新浏览器大小功能的Google Analytics(分析)


图形对于Google应用来说是一种贫民窟,但是它看起来像是一个非常有用的工具,我认为它们可能会定期更新细分百分比,以便您获得最新的屏幕尺寸数据。
冒犯君主

是的,贫民窟是正确的词!它在实验室中,所以我不确定它的维护情况如何,但是对于拥有大屏幕的设计师来说,这是令人大开眼界的。
nthonygreen

啊,我错了。该图像不是根据用户数据实时生成的。这只是覆盖静态图像在网页上,而且似乎他们还没有更新它在大约一年:browsersize.googlelabs.com/static/...
冒犯君主

1
就像快速的注解一样,如果您的屏幕宽于某个尺寸,图像就会重复。在我的2560x1440 iMac上,几乎可以看到两次。它也不适用于居中内容。
BR:

3
这个工具似乎很差,如果您的网站宽度不是固定的,那么它将缩放到您的浏览器,并且覆盖是完全错误的。
丝绸

2

这可能因站点和用户群的不同而有所差异,但是许多网站仍支持1024像素宽的屏幕宽度(因为仍然有相当大的用户群使用该分辨率)。因此,您希望图像足够大以适合1024像素宽的空间。假设您在灯箱的左侧和右侧分别有15像素的镀铬,而对于要运行1024像素宽的显示器分辨率的用户,则希望在其两侧各留30像素的边距。

1024-30px(灯箱镶边)-60px(边距)= 934px宽图像。

同样,您的网站的具体情况可能会有所不同,特别是如果您希望灯箱边缘相对于您的页面放置在某个点,或者您想要捕捉到网格或类似的东西。


1

一个不错的解决方案是以2560x1600的最大分辨率上传屏幕截图。然后,在页面加载时,检测浏览器窗口的大小,并在第一次请求时使用图像处理程序调整图像大小并将其保存在服务器上。

这样一来,拥有高分辨率显示器的人们就不会受到忽视。


您可以可靠地检测浏览器窗口大小吗?也许.. $(window).width()$(window).height()在jQuery中似乎是有效的!
Jeff Atwood

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.