PNG是否对浏览器兼容性有害

时间:2011-06-04 15:59:03

标签: image png cross-browser

我只是想通了,如果我制作的图片.PNG比我制作的那样小.JPG。由于我尽力制作最快的网站,我的图像大小也非常重要。所以我的问题是,我认为手机不支持.PNG图片。这是真的吗?我应该继续使用.PNG代替.JPG吗?我是否可以采用任何解决方案来制作更小的图像而不降低分辨率?

5 个答案:

答案 0 :(得分:8)

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

答案 1 :(得分:1)

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

维基百科:Web browser support for PNG

答案 2 :(得分:1)

JPEG或PNG中的图像是否较小取决于图像。例如,没有或很少单色区域的大照片将使用JPEG进行更好的压缩。 PNG压缩是无损的,这使它更适合图标和类似的东西。

现在每台桌面浏览器都支持PNG和JPEG。使用WebKit(AFAIK)的Android和iOS都支持它。因此,选择最适合图像的格式。

答案 3 :(得分:1)

.png图像对于背景和徽标来说要好得多,其中.jpg图像对于照片来说要好得多。如果您正在尝试使用动画图像(.jpg不支持),我建议.gif(虽然我不推荐它们用于普通图像;这就是创建.png的原因)。几乎所有设备都支持动画.gif图像,而大多数PC网络浏览器都支持动画.png(.apng)图像。如果您想了解您的网站如何在其他网络浏览器中呈现(例如iPhone,PSP,Android等),您可以使用Firefox用户代理切换器(我不知道它是否适用于4.0)。要获得更多用户代理,您可能只需在Bing(或Google)中搜索“用户代理切换器的用户代理”等内容。

在我的网站中,我总是使用.png图片(背景,图标,徽标,自定义按钮等)和.jpg图片(截图(有时),照片等)。

答案 4 :(得分:0)

PNG适用于“ICON”,“THUMBNAIL”,“透明图像”

虽然JPG适用于“大图像”,“SCREENSHOT”,“摄影”

GIF适合“动画”

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