图像大小指南

Question

这可能是一个开放式的问题

我正在处理的网站需要针对性能进行优化。其中一个关键领域是优化网站上使用的图像的文件大小。

不幸的是，这些图像是由没有为网络创建图像所需知识的员工创建的，我的工作就是为他们制定一套供他们使用的指南。

我想知道是否有关于不同尺寸图像的典型图像文件大小的资源/指南/文献 - 因为我希望包含这样的内容以帮助他们确保正确创建图像。

任何信息都将不胜感激。

提前致谢

Answer 1

我无法回答意见问题，但我可以建议一些可以让您的图片更小的指南。

首先，如果他们使用Photoshop编辑他们的图像，他们可能会在标题中存储一大堆垃圾（数字papertrail，EXIF数据等）。此外，人们经常会节省太多的深度。

对于新手用户，试图解释为什么他们需要使用“为网络保存”更容易让他们感到困惑。相反，只需将它们指向：

http://www.smushit.com/ysmush.it/

这个网站非常方便 - 它会压缩您指定页面上的所有图像，或者您可以上传图像。

您应该强烈考虑编写一些关于图像存储位置的指南。除了动态内容之外，将静态图像内容存储在多个服务器上通常非常有用。大多数浏览器一次只能从任何给定的网站下载有限数量的文件（通常是2）。

除非有充分的理由，否则应使用其中一种HTTP缓存技术（过期，etags等）缓存所有图像。

祝你好运。

Answer 2

72 dpi作为分辨率，jpeg或png格式效果最佳。

尝试使用精确像素区域大小的图像，最终显示为。这由图像高度和宽度属性指定。

您可以设置jpeg图像的输出质量，这也可以保存文件大小，尽管存在图像质量的折衷。

我希望这是有用的。