图片文件格式优缺点比较及图片优化

最后更新: | 浏览次数: 809|实例教程

一.JPEG（或JPG）- 最为常见的图像格式

说明:

JPEG（或JPG），其全称为Joint Photographic Experts Group（联合图像专家组），是一种有损压缩的光栅图像文件格式，适合作为共享图像。既然JPEG是“有损的”图像，也就是说使用此格式时，若减小文件大小，在一定程度上也会降低图像质量。

JPEG是目前互联网上最常用的图像文件类型之一，因为它的可压缩性及浏览器/操作系统广泛支持。

大多数社交媒体平台（例如Facebook和Instagram）会自动将上传的图像文件转换为JPEG，且会根据不同场景使用固定的尺寸大小来控制图片的分辨率。

优缺点

  • 优点：JPEG 文件具有极强的可压缩性，非常适合在 Internet 上发布。由于文件较小，JPEG 图片可以轻松上传到网站。 JPEG 图像几乎与任何设备或程序兼容，无需转换即可使用，因此无需更改格式。高分辨率 JPEG 照片色彩鲜艳。
  • 缺点：JPEG 是一种有损数据压缩技术，它使用过滤器对源图像进行样式化和压缩。 JPEG 格式与 PNG 一样，可以将数码照片缩减为单一的调色板：通常会导致带有可见线条和边缘的低质量图像。但是，JPEG 不适合具有锐利边缘和线条的照片，因为它无法处理动画图形。

应用场景

  1. 博客和文章图像（如用户头像，产品图片等）的不错选择。
  2. 不要将JPEG格式用于信息图表（拥有很多小文本）或教程截图，因为图像里面的文字至关重要。

二. PNG – Web广泛使用的图像格式

说明：

PNG，英文全称为Portable Network Graphics PNG（便携式网络图形），也是一种栅格图形格式，但支持无损压缩，保证颜色之间的细节和对比度。

特别是，PNG提供比JPEG更好的文本可读性。

这使得PNG成为信息图形，横幅Banner，屏幕截图以及其他同时包含图像和文本的图形的最佳表达方式。

优缺点

  • 优点：无损格式，不论保存多少次，理论上图片质量都不会受任何影响；支持透明
  • 缺点：尺寸过大；打开速度与保存速度和jpg没法比

应用场景

  1. 信息图表，横幅，博客图形，屏幕截图，优惠券和其他包含文本的视觉效果的不错选择。
  2. 不要在网站上使用高分辨率的照片，因为文件体积可能会高达几MB。

 

三. GIF – 动画图像格式

说明：

GIF，英文全称为Graphics Interchange Format，属于另一种栅格格式图像文件类型。该格式也使用了无损压缩，且将图像“约束”为8 bits/每个像素，并限制为256色调色板。

GIF格式也是最有名的（和最常用）的动画图像，因为它的8-bit限制保证了动画体积更小和互联网友好。

优缺点

  • 优点：gif也是压缩格式的文件，它最大的特点就是支持动画功能，而且允许某些像素透明，传输速度也比较快。。
  • 缺点：仅支持8bit的索引色，也就是说只有256个颜色，会出现颜色失真的情况。

应用场景

  1. 使用动画GIF不仅可以“增加内容趣味”，还可以在教程和指南中演示相关操作和流程。
  2. 如果你需要比8-bit彩色图像更清晰的图片不要用这种格式（JPEG最多可支持24-bit）。

 

四. Webp– JPEG&PNG最佳替代图像格式

优缺点

  • 优点：具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量；同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性，在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。
  • 缺点：并非所有浏览器和图像编辑器都支持。

使用场景

  1. JPEG和PNG文件最佳替代格式，可节省带宽并提升网站加载速度。如果网站使用的是WordPress内容管理系统，可参考“如何实现WordPress网站使用WebP格式图片”文章，如何实现根据不同浏览器传输合适的图片格式。

 

五. BMP — 过气的图像格式

说明：

Bitmap（BMP）是一种已经过时的图像文件格式，几乎不压缩情况映射像素。这意味着BMP文件体积经常会比较庞大，不利于存储或处理。

优缺点

  • 优点-“远古”产物，应该被遗弃的图片格式，没有任何优点。
  • 缺点-与WebP，GIF或PNG等格式相比，体积又大又没有质量上的提升。

 

六.  HEIF – 手机照片常见图像格式

说明：

HEIF是High Efficiency Image File Format的缩写，是由MPEG视频格式背后的技术团队开发的图像格式，是JPEG的直接竞争对手。

HEIF压缩效率理论值几乎是JPEG的两倍，换言之，文件大小相同的情况下，HEIF图像质量可以提高一倍。

这是一种基于像素映射的光栅图像格式，无法做到按比例放大图像而不会降低质量。

优缺点

  • 优点：相对于JPG来说，同等质量下，可以做到压缩效率更高。
  • 缺点：浏览器不支持和有限的操作系统支持。

使用场景

  1. 一些较新的手机和设备使用它来存储照片，以保证照片质量。

 

七. SVG – 可缩放矢量图形格式

说明：

可伸缩矢量图形文件格式（通常称为SVG），由W3C开发的一种标记语言，可以在浏览器中直接渲染为二维图像。

它不像栅格格式那样依赖像素，而是使用XML文本以类似于数学方程式计算勾勒形状和线条获得图形。

也就是说，可以在不损失任何质量的情况下无限放大SVG图像。

优缺点

  • 优点：体积小和无损缩放，可用于简单的插图，形状和文本。
  • 缺点：对于图像或复杂图形而言，不是理想的格式。

使用场景

  1. SVG适用于作为Logo，图标，简单插画以及任何响应式设计所需的自由缩放内容的格式。

 

八. PDF – 电子书常用文档格式

说明：

PDF（为Portable Document Format的缩写），如其名，该格式主要用于文本文档的存储，保存和读取。

但是，PDF文件实际上基于为EPS矢量图像文件提供支持的PostScript语言，也可以用于保存图像和插画。

这是用于存储插画，杂志封面等的图像格式，供需要时打印使用，很多时候我们在网上看到的电子书，就是这种格式。

优缺点

  • 优点：可索引和可​​搜索的文本使其非常适合作为图表或报告格式；可以包含链接，CTA按钮和其他交互式元素；无损可伸缩性。
  • 缺点：不能包含在Web内容中，必须作为独立文件加载读取。

使用场景

  1. 创建一个交互式的可视报告或信息图表作为内容补充时，PDF是最佳选择。
文档