NiYingfeng 的博客

记录技术、生活与思考

0%

图片类型汇总介绍

图片按照生成类型可分为点阵图与矢量图两种大体的模式,压缩方式按照质量损耗分有损与无损压缩。

WebP格式

WebP是Google推出的相对较新的图片压缩技术,旨在加速网络传输图片的加载速度。支持无损和有损的压缩模式、Alpha透明以及动画等特性。该格式主要基于VP8的图片压缩技术,并且利用预测编码和轻量级的容器模式-仅需给图片增加20字节即可,压缩后大概仅有jpeg的三分之二,不过缺点为其编码占用更多的计算资源,即存在编码时间较长问题。

BMP格式

即所说的位图,为一种与设备无关的图像格式,为windows操作系统中的标准图像文件格式。图像文件主要由三部分组成:位图头数据结构,包含类型、显示内容等各类信息信息;位图信息数据结构,包含图像的宽、高、压缩方法,以及位图的具体数据以及可选的调色板。由于为无损的数据格式,所以大小相对较大,不支持Alpha透明,网络中使用相对较少。

GIF格式

图形交换格式,为CompuServe公司在87年开发的图像文件格式。是一种基于LZW算法的连续色调的无损压缩格式。压缩率一般在50%左右,它不属于任何应用程序。LZW算法基本原理:提取原始文本文件数据中的不同字符,基于此创建编译表,然后使用编译表对应的索引来替换相对应对字符从而减少图片数据存储大小。

其主要为无损压缩,并且支持透明度以及动画等优点。不过只支持8bit的索引色,就只支持256个色值。不过其相对解码较快,大致流程为:以隔行存储的方式分成四遍扫描。第一遍扫描显示图像的八分之一,第二遍的扫描后显示1/4,基本显示出大致轮廓。为隔行存放的优点,但是GIF不支持Alpha透明通道。

JPEG格式

JPEG也是最常用的图像文件格式之一,其压缩算法将图像中重复或不重要信息舍弃,为有损压缩。不过压缩技术十分先进,去除冗余的图像数据,在获得极高的压缩率的同时能展现十分丰富生动的图像,换句话说,就是可以用最少的磁盘空间得到较好的图像品质。其后缀名为 jpeg 或者 jpg。

渐进式jpeg

标准模式的jpeg,图片数据从上到下逐行显示。而渐进式jpeg则优化了显示模式,打开文件过程中会从整体模糊轮廓开始到具体呈现细节。具体可见 渐进式jpeg(Progressive JPEGs )解析

SVG格式

可缩放矢量图形(Scalable Vector Graphics)。它是基于XML(标准通用标记语言的子集),由万维网联盟进行开发的,当下极为火爆的图片格式。一种开放标准的矢量图形语言,可任意放大图形显示,边缘异常清晰,文字在SVG图像中保留可编辑和可搜寻的状态,没有字体的限制,生成的文件很小,下载很快,十分适合用于设计高分辨率的Web图形页面。其优点在于:

  • 可被各类的工具读取和修改
  • 相对 jpeg、png来说尺寸更小,可压缩性更强。
  • 是可伸缩的、任何尺寸下都能高质量呈现
  • 图像中的文本是可选的、可搜索的
  • 可与 JS 一起运行
  • 是开放的标准、文件是纯粹的 XML

PNG格式

便携式网络图形(外语简称PNG、外语全称:Portable Network Graphics),为较新的无损压缩图像文件格式。能够提供比GIF更小的无损压缩图像。提供 24位和48位真彩色图像。由于PNG相对较新,所以存在小部分兼容支持问题。支持 alpha 通道透明度但是不支持动画。

优点在于:更优化的网络传输、支持透明效果、并且无锯齿问题、渐进的显示与流式的读写等。

APNG格式

APNG 是一个基于 PNG 格式的位图动画格式图片,因为对于一直以来的特点就是以动态显示为主的 GIF,为了更好地在网络上传播,它需要牺牲质量来降低体积,图像信息比较多的情况下,颗粒感很明显。APNG 是普通png的升级版,它的后缀依然是.png,包含动态的情况下体积会比普通静态 png 打出数倍,可以做到无损的情况展示动态。其诞生的目的是为了替代老旧的 GIF 格式,但它目前并没有获得 PNG 组织官方的认可。

具体可参见 APNG 那些事

ICO格式

图标文件格式。它是Windows的图标文件格式的一种,可以存储单个图案、多尺寸、多色板的图标文件。图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识,界面中的图标是功能标识。

其他相关

Lottie动画

一套跨平台的动画解决方案,将设计好的动画导出为JSON格式,支持在iOS、Android、Web等统一使用。

压缩工具

参考