Image 图像大小指南

这可能是一个有点开放性的问题

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

不幸的是，这些图片是由不具备为web创建图片所需知识的员工创建的，我的工作是为他们提供一套指南

我想知道是否有关于不同维度图像的典型图像文件大小的资源/指南/文献，因为我想包括类似的内容，以帮助他们确保正确创建图像

任何信息都将不胜感激

---

提前感谢

我无法回答意见问题，但我可以建议一些指导原则，使您的图像更小

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

对于新手用户来说，试图解释为什么他们需要使用“save For web”更容易让他们感到困惑。相反，只需将他们指向：

这个网站相当方便-它将压缩你指定页面上的所有图像，或者你可以上传图像

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

除非有充分的理由，否则所有图像都应该使用HTTP缓存技术之一（expires、ETag等）进行缓存

---

祝你好运。

72 dpi分辨率，jpeg或png格式都是最好的

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

您可以设置jpeg图像的输出质量，这也将保存文件大小，尽管与图像质量存在权衡

---

我希望这是有用的。

谢谢你的帮助，出于兴趣，我的团队正在讨论是否应该将渐变设置为gif或JPG？传统上我会选择jpg一般来说，颜色变化最少的图像，如徽标应该是gif或png，照片图像和渐变图像最好是jpg