Optimization 大标题：一个jpg还是几个png？

我在这里读了一些关于png/jpg/gif的帖子，但我还是很困惑

我的网站上有一个大标题： 宽度：850px高度：380px重量：108kb

这是jpg。一个女人+梯度+上面的几层然后看着她

---

你觉得太多了吗？我在考虑把它切成碎片……这是个坏主意吗？你有什么建议THX寻求帮助；]

事实上，对于这样大小的图像，108kb并不是不正常的。将其放在一个图像中更为理想：您的浏览器只需执行一个get请求。如果将其拆分为多个图像，用户需要等待更长的时间才能加载站点。

事实上，108kb大小的图像并不异常。将其放在一个图像中更为理想：您的浏览器只需执行一个get请求。如果您将其分解为多个图像，用户需要等待更长的时间才能加载站点。

这取决于图像的性质，如果是照片，JPEG将提供最高的质量/压缩比，如果是书写或剪贴画之类的像素内容，或具有一定的透明度，则可以选择GIF/PNG（GIF、PNG8提供一级透明度，而PNG24为每个像素提供一级透明度）

当我感到困惑时，我通常会将图片保存在所有三种格式中，并在所需的大小限制范围内确定最佳的质量/大小。我还尝试将JPEG质量降低到图像质量仍然良好的水平（因为这会因图像而异）

此外，如果它是一张带有文字的照片，请将其拆分为一张带有透明GIF书写覆盖层的JPEG照片（因为在JPEG中，书写边缘看起来是扭曲的）

---

因此，当你感到困惑时，尝试一下这三种格式，然后再决定，随着时间的推移，你将获得经验，什么格式最适合什么内容。

这取决于图像的性质，如果是照片，JPEG将提供最高的质量/压缩比，如果是像书写或剪贴画这样的像素，或者具有一定的透明度，那么它是GIF/PNG可供选择（GIF、PNG8提供一级透明度，而PNG24为每个像素提供一级透明度）

当我感到困惑时，我通常会将图片保存在所有三种格式中，并在所需的大小限制范围内确定最佳的质量/大小。我还尝试将JPEG质量降低到图像质量仍然良好的水平（因为这会因图像而异）

此外，如果它是一张带有文字的照片，请将其拆分为一张带有透明GIF书写覆盖层的JPEG照片（因为在JPEG中，书写边缘看起来是扭曲的）

---

因此，当你感到困惑时，试着用这三种方法来决定，随着时间的推移，你将获得经验，什么格式最适合什么内容。

PNG可能不会帮助你，因为JPG通常在处理渐变方面效率更高。如果你的图像中有较大的单色空间，PNG会更好。

PNG可能不会帮助你JPG通常在处理渐变时效率更高。如果图像中有较大的单色空间，PNG会更好。

JPEG适用于噪音大、边缘清晰/锐利过渡或平滑区域小的照片和类似照片的图像，无论是渐变还是实体填充。但很难比较有损压缩对我来说，如果你想在JPEG中获得同等的质量梯度，你需要将质量设置在11-12左右（在Photoshop的12点刻度中），生成的图像大小与PNG差不多。你可以将其缩小，但即使在10岁时，也会出现可见的瑕疵。因此，这取决于你想要它有多干净。虽然我可能应该注意到我是以平面设计为生的，所以我可能比大多数人挑剔得多。普通人可能不会注意到不同的除非你将图像质量设置为7或更低，除非他们真的仔细检查梯度。@Lèse majesté：这是正确的。这与mp3文件一样，具有非常低的比特率，大多数人仍然无法从视觉上检测到，尽管这种差异对训练有素的人来说是显而易见的。这是一个恰当的比较。如果你正在使用g便宜的耳塞，不管你是谁，它是有损的还是无损的都没有区别"移动屏幕可能不会在一张经过大量压缩的图像中看到太多的差异。但在一般的网站上，我可能会尽可能保持页面的重要元素，如徽标和导航，但其他区域可能会以较低的质量通过。JPEG适用于噪音大、清洁度低的照片和类似照片的图像边缘/锐利的过渡或较大的平滑区域——无论是渐变还是实体填充。但很难将有损压缩与无损压缩进行比较，因为这是非常主观的。对我来说，如果你想要JPEG中的等效质量渐变，你需要将质量设置设置为11-12左右（在Photoshop的12点刻度中），生成的图像大小与PNG差不多。你可以将其缩小，但即使在10岁时，也会出现可见的瑕疵。因此，这取决于你想要它有多干净。虽然我可能应该注意到我是以平面设计为生的，所以我可能比大多数人挑剔得多。普通人可能不会注意到不同的除非你将图像质量设置为7或更低，除非他们真的仔细检查梯度。@Lèse majesté：这是正确的。这与mp3文件一样，具有非常低的比特率，大多数人仍然无法从视觉上检测到，尽管这种差异对训练有素的人来说是显而易见的。这是一个恰当的比较。如果你正在使用g便宜的耳塞，不管你是谁，有损还是无损都没有什么区别。同样，在~4英寸的手机屏幕上查看网站的人可能不会在一张压缩严重的图像中看到太多的差异。但平均而言