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

最后更新:    浏览次数: 110

互联网上常见的图片格式:

  1. JPEG(或JPG) – 最为常见的图像格式
  2. PNG – Web广泛使用的图像格式
  3. GIF – 动画图像格式
  4. WebP – JPEG&PNG最佳替代图像格式
  5. BMP – 过气的图像格式
  6. HEIF – 手机照片常见图像格式
  7. SVG – 可缩放矢量图形格式
  8. PDF – 电子书常用文档格式

一.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是最佳选择。
电子邮件
info@zmpress.com
热线电话
+86 13587721433
微信关注
WeChat
在线客服
在线询盘
顶部