主流浏览器都支持哪些图片格式？ (2012)

Posted 2023-03-06

【中文标题】主流浏览器都支持哪些图片格式？ (2012)

【英文标题】：What image formats do the major browsers support? (2012)

【发布时间】：2012-08-04 20:36:52

【问题描述】：

我想知道主流浏览器会支持哪些图像格式（除了基本的 JPEG、GIF、PNG），尤其是 Chrome、Firefox 和 Webkit。如果有人可以在某处提供指向列表的链接（经常更新以应对最近的频繁更新），那就太好了。对其他格式（如文档和视频）的支持也会很好。

我觉得应该在某处列出这些信息，但我搜索时没有找到任何此类信息。

【问题讨论】：

您是否正在寻找对某些特定图像格式的支持？我认为所有主流浏览器都支持某种类型的位图和矢量图像。除非您要查询某些特定类型，否则停留在 GIF、PNG、JPG 和 SVG 的范围内绝对不会有问题。

【参考方案1】：

每个浏览器都支持JPEG和PNG。但是新的图像格式 webP 仅受 Chrome 支持，部分受 Firefox 支持，而 Safari 则完全不支持。 Thou WebP 非常好，因为它不会影响图像质量，并且还可以减少 25-35%。但是我们仍然不能使用它，因为它在不同的浏览器环境中不太灵活。 但您也可以寻找其他适用于每种浏览器类型且兼容的图像格式。

【参考方案2】：

流行浏览器支持的图像格式：BMP、SVG、JPG、PNG 和 GIF。没有两种格式的 jpeg 或 jpg，它是由于see here 而使用了多个扩展名的一种。

注意：SVG（简单矢量图形）可以生成更小的图像，但只允许矢量图像（无光栅）。

接下来，使用的其他格式是 webp 和 jpeg2000。

Webp：- 支持 Chrome、Opera 等许多浏览器。 Firefox 支持 here 存在问题。请注意，Webp 平均可以将图像内存大小减少到原始大小的 30-40% 左右（在我们的实验中）。这并不总是意味着我们有时会看到从 jpeg 转码的 webp 超出原始 jpeg 大小。与原始 jpeg 相比，输出图像没有视觉差异。我的建议：尽可能提供 webp，即 Chrome、android、Opera。

JPEG2000:- 这种格式很棒。调整图像大小不会像 JPEG 那样降低质量。问题在于它对于解码来说计算量太大，而且它在十多年前硬件还不是很好（特别是不适用于移动设备）时就出现了。它仍然在一些相机中使用，因为它会产生更小的图像。

不太受欢迎但值得一提：BPG 和 FLIF。这将需要使用 JS 或其他库在 web/app 上提供服务。

【参考方案3】：

主要图片文件支持

.bmp、.jpg、.jpeg、.png、.gif

新的

.webp

【讨论】：

Jpeg2000 和 webp 在主流浏览器中不工作。对于 webp，谷歌总是太笨了，不能简单地加入标准化过程来真正实现它，然后他们只是浪费人们的时间，让他们认为这将是下一个 web 格式。 Webp 和 webm 仅由 Google 内部使用，因此它们在 Chrome 中受支持。除此之外没有其他支持。 Jpeg2000 也是如此，它是一项严肃的技术，所以如果你想用它来制作网站 jpeg，那就太矫枉过正了。如果您有真正的 jpeg2000 要求，请使用 javascript/flash。

【参考方案4】：

这是一个不错的资源：@​​987654321@

【讨论】：

好吧，如果可以这么说，那我猜对异国格式的支持应该不多了。

相当没用，因为它缺少重要数据，例如对 WebP 的支持。