PNG对浏览器兼容性不利吗

Posted 2023-03-06

【中文标题】PNG对浏览器兼容性不利吗

【英文标题】：Is PNG bad for Browser Compatibility

【发布时间】：2011-09-08 10:18:57

【问题描述】：

我刚刚发现，如果我制作图像 .PNG，它会比制作 .JPG 图像更小。由于我尽力制作最快的网站，因此图像的大小也很重要。所以我的问题是我相信手机不支持.PNG图片。这是真的还是假的？我应该继续使用 .PNG 而不是 .JPG 吗？有什么解决方案可以在不降低分辨率的情况下制作更小的图像？

【参考方案1】：

IE6 等旧浏览器（现已弃用）不支持透明 PNG 文件，因此这实际上取决于您计划支持的浏览器。一般来说，PNG 文件很好，可以在所有主流浏览器上运行。与 JPEG 不同，PNG 是无损的，并且在压缩时有时会对其不利。如果图像很复杂，最好将其保存为 JPEG 以获得更好的质量。有一个小表here 简要解释了每种格式。 我用来真正压缩 PNG 文件的工具是 PNG Monster。这通常比某些图形应用程序获得更好的压缩。

【讨论】：

我刚刚下载了 omg 我压缩了 6 个 png 文件，它做得非常好，而且没有降低图片的质量真棒！之前的字节：23956 之后的字节：6463

【参考方案2】：

除了旧版本的 Internet Explorer，我不知道有任何平台不支持 PNG。

***：Web browser support for PNG

【参考方案3】：

JPEG 或 PNG 中的图像是否更小取决于图像。例如，一张没有或很少有单色区域的大照片将使用 JPEG 更好地压缩。 PNG 压缩是无损的，因此更适合图标和类似的东西。

现在每个桌面浏览器都支持 PNG 和 JPEG。使用 WebKit (AFAIK) 的 android 和 ios 都支持它。所以选择最适合图像的格式。

【参考方案4】：

.png 图像更适合背景和徽标，而 .jpg 图像更适合照片。如果您尝试使用动画图像（.jpg 不支持），我建议使用 .gif（尽管我不建议将它们用于普通图像；这就是创建 .png 的原因）。几乎所有设备都支持动画 .gif 图像，而大多数 PC 网络浏览器都支持动画 .png (.apng) 图像。如果您想查看您的网站在其他网络浏览器（例如 iPhone、PSP、android 等）中如何呈现，您可以使用 Firefox 的用户代理切换器（我不知道它是否适用于 4.0）。要获得更多用户代理，您可能只需在 Bing（或 Google）中搜索“User Agents for User Agent Switcher”。

在我的网站中，我总是将 .png 用于图像（背景、图标、徽标、自定义按钮等），将 .jpg 用于图片（屏幕截图（有时）、照片等）

【讨论】：

同意，除了您提到的 .apng 支持。大多数浏览器“不”支持动画 png，而且它们的支持也不太可能得到改善。因此不应使用。请参阅兼容性图表here。 GIF 仍然是动画的方式。

【参考方案5】：

PNG 适用于“图标”、“缩略图”、“透明图像”

虽然 JPG 适用于“大图像”、“屏幕截图”、“照片”

GIF 适合“动画”

PNG 适用于某些浏览器。当您尝试使用 php 创建图像时，您可以看到差异。当你这样做时，PNG 的质量比 JPG 好。

【讨论】：

您的 shift 键似乎卡住了，您可能需要修复它。