图像的尺寸，分辨率和质量建议

我在寻找围绕图像分辨率，网页大小和质量的优秀文章，尤其是关于当前如何影响网站的问题。图像的尺寸，分辨率和质量建议

我正在为一个客户做一个网站，并且作为艺术和设计的荣誉毕业生，客户坚持认为她的7mb-10mb图片足够用于她的网站，总计近400mb。我尝试过争论带宽限制和性能，但这些都没有成功。

图像标准为72dpi，不大于您的标准屏幕分辨率（1024x768）和1mb以上的尺寸（这在我看来已经太大了）。我的观点是，在页面加载时将7MB +文件加载到图库中会严重阻碍用户的体验，因为如果7-10张图像在加载页面之前必须等待很长一段时间才首先进入缓存，甚至测试它与延迟加载插件（我们不想闪光）和后期加载有性能处罚。

有没有人在这里有任何关于图像大小，分辨率和质量的建议？当用户浏览图库时，我们不想放松图像的高清质量（显然，我们必须先缩略图）？

来源

2012-01-04 JadedEric

您是否在Photoshop中研究了“保存为网络”功能？使用jpg格式的80％质量的“保存为网页”通常会给您带来好的结果。如果您的整个网页大于1.5 MB - 您将遇到性能问题。我怀疑有些人会说它不应该超过0.5MB。 – 2012-01-04 13:12:41

只有大品牌网站才有权使用大象尺寸的图片，因为它们可以。这里有可用性问题，网站应该是清楚的（当然是美丽的），因为他们的目标是沟通。我建议你跟你的客户谈谈。你是专业人士，所以你知道什么是对的。有关您可以在http://ux.stackexchange.com/中查询的原因 – Yisela 2012-01-04 14:06:13

我以前读指引（当我们还在使用1Mbps的连接或以下），并已按照这些到现在为止：

高分辨率图像应不大于1.5更大 - 2MB。使它大到比网页内容本身更大。尝试如何把大的照片在他们的网站检查http://deviantart.com，并检查使用EXIF图像性能如有
尺寸应足以在浏览器中可见（避免滚动）
压缩进行测试。这是一个案件的基础上，没有设置是每个人都一样。高质量，高压缩而没有可见的质量损失是网页设计中的一种实践。
JPEG最适合图像，PNG适合布局，GIF适合图标。
尝试使用javascript在浏览器空闲时在后台加载图像。这样，它们在用户知道它之前就在缓存中。
更多关于网页设计，避免在网站本身使用沉重的图形，使网站速度快，所以我们只等待图像。

来源

2012-01-05 04:16:45 Joseph

如果你真的把它煮沸，你没有选择。

你说的是巨大的文件大小，这是不现实的。

您需要下载较小的版本。之后，您可以随后下载更高质量的版本，或者通过onmouseover或点击提供完整图像。

来源

2012-01-05 03:45:50

一些一般性的指导原则：

缩略图（当然）
提供多种图像大小（小，中，大）。虽然我了解巨型图像对用户体验的影响，但有些人拥有快速连接和大显示屏，并且/或者愿意等待高分辨率版本。 但它不应该是唯一的选择。
尝试使用不同的压缩级别，以查看对于不同大小最适合的工具。在整个电路板上使用一个压缩级别并不总是奏效。再次（取决于源材料），可能需要在高端处进行接近无损的压缩。例如，用于打印的图像，具有精细细节的CAD图纸等。
使用顺序加载技术（如果适用）。例如，如果您有10个要加载的图像（优化或不是），请确保第一个可见的图像是从服务器实际请求的第一个图像。

来源

2012-01-05 03:58:24

当涉及到它时，您的客户的印象是要求缩小她的图像代表了一种“折衷”，只会导致用户收到的图像质量受到损害。

事实是，当然，8-10MB的图片非常大，以至于大部分用户需要花费很长时间才能下载，创造了一种可怕的用户体验，从而提高了跳出率。

向您的客户展示一个并排演示她的网站加载一些网页优化图像，并向她展示一个网站加载8-10MB图像，然后让她决定。最终，作为专业人员的工作是协助她做出正确的选择，但如果她坚持要求（她的品牌，金钱和权利），她可以自由地做出不好的选择。

如果用户使用的是超高分辨率显示器，或者窗口看起来特别大，您可以做的其他事情是检测窗口的大小并加载较大的图像。

祝你好运！

来源

2012-01-05 04:23:15 sscirrus

图像的尺寸，分辨率和质量建议

回答

相关问题