温馨提示
该文章距离上次更新已经过去了 1287 天,文章内容可能已经过时。
JPG/JPEG
JPG和JPEG其实是一个东西,JPEG是JPG的全名、正式扩展名。但因DOS、Windows 95等早期系统采用的8.3命名规则只支持最长3字符的扩展名,为了兼容采用了.jpg。而由于Mac并不限制扩展名的长度,当时苹果机上都使用了.jpeg的后缀名。虽然现在windows也可以支持任意长度的扩展名了,但大家已经习惯了.jpg的叫法,也就没有强制修正。也因历史习惯和兼容性考虑,.jpg目前更流行。
JPEG格式的压缩技术十分先进,能够将图像压缩在很小的储存空间,不过这种压缩是有损耗的,过度压缩会降低图片的质量。JPEG格式压缩的主要是高频信息,对色彩的信息保留较好,因此特别适合应用于互联网,可减少图像的传输和加载时间。
PNG
PNG也是常见的一种图片格式,它最重要的特点是支持 alpha 通道透明度,也就是说,PNG图片支持透明背景。比如在使用Photoshop制作透明背景的圆形logo时,如果使用JPG格式,则图片背景会默认地存为白色,使用PNG格式则可以存为透明背景图片。
PNG格式图片也支持有损耗压缩,虽然PNG 提供的压缩量比JPG少,但PNG图片却比JPEG图片有更小的文档尺寸,因此现在越来越多的网络图像开始采用PNG格式。
GIF
GIF分为动态GIF和静态GIF两种,也是一种压缩的图片格式。
GIF格式的最大特点是支持动态图片,并且支持透明背景。网络上绝大部分动图、表情包都是GIF格式的,相比与动画,GIF动态图片占用的存储空间小,加载速度快,因此非常流行。
SVG
全称Scalable Vector Graphics,是无损的、矢量图。
SVG跟上面这些图片格式最大的不同,是SVG是矢量图。这意味着SVG图片由直线和曲线以及绘制它们的方法组成。当你放大一个SVG图片的时候,你看到的还是线和曲线,而不会出现像素点。这意味着SVG图片在放大时,不会失真,所以它非常适合用来绘制企业Logo、Icon等。
SVG是很多种矢量图中的一种,它的特点是使用XML来描述图片。借助于前几年XML技术的流行,SVG也流行了很多。使用XML的优点是,任何时候你都可以把它当做一个文本文件来对待,也就是说,你可以非常方便的修改SVG图片,你所需要的只需要一个文本编辑器。
WebP
WebP是谷歌开发的一种新图片格式,WebP是同时支持有损和无损压缩的、使用直接色的、点阵图。
从名字就可以看出来它是为Web而生的,什么叫为Web而生呢?就是说相同质量的图片,WebP具有更小的文件体积。现在网站上充满了大量的图片,如果能够降低每一个图片的文件大小,那么将大大减少浏览器和服务器之间的数据传输量,进而降低访问延迟,提升访问体验。
- 在无损压缩的情况下,相同质量的WebP图片,文件大小要比PNG小26%;
- 在有损压缩的情况下,具有相同图片精度的WebP图片,文件大小要比JPEG小25%~34%;
- WebP图片格式支持图片透明度,一个无损压缩的WebP图片,如果要支持透明度只需要22%的格外文件大小。
想象Web上的图片之多,百分之几十的提升,是非常非常大的优化。只可惜,目前只有Chrome浏览器和Opera浏览器支持WebP格式,所以WebP的应用并不广泛。为了使用更先进的技术,比如WebP图片格式,来压缩互联网上传输的数据流量,谷歌甚至提供了Chrome Data Compression Proxy,设置了Chrome Data Compression Proxy作为Web代理之后,你访问的所有网站中的图片,在经过Proxy的时候,都会被转换成WebP格式,以降低图片文件的大小。
PSD
PSD格式是Photoshop默认的存储格式,适用于存储源文档和工作文件,修改起来比较方便。
PSD格式的最大特点是可以保留透明度、图层、路径、通道等PS处理信息,但是需要专业
TIFF
TIFF格式,也叫做或TIF格式,可以支持不同颜色模式、路径、透明度、以及通道,是打印文档中最常用的格式。Photoshop支持在TIFF文件中保存图层以及其他信息,在很多方面类似于PSD格式文件。
BMP
BMP 格式是Windows操作系统中的标准图像文件格式,能够被多种Windows应用程序所支持。BMP格式包含的图像信息较丰富,几乎不进行压缩,但由此导致了它占用的存储空间很大,所以,目前BMP在单机上比较流行。