网页设计中图片格式选择技巧03-27
网页中的图片格式被GIF、JPEG和PNG三种格式统治着,但是这些格式的图片有什么样的区别?又如何做出选择呢?
GIF
支持透明背景、以及动画图档格式,并且几乎不用担心支持性的问题:几乎100%的浏览器都支持它;但是表现颜色种类较少为256种。
GIF使用无损压缩格式(Lossless Compression),但却了色彩表现能力、能够有效地节省档案尺寸。GIF只拥有8位的颜色深度信息,所谓的8位是指2的8次方也就是256色,当你的图片中出现的色彩在256色以内时,使用GIF可以得到相当好的输出质量、同时兼顾了档案大小。因此 GIF非常适合用来表现图标、UI接口、线条插画、文字等部分的输出。
JPEG(文件扩展名包括.jpg和.jpeg)
颜色种类高达1680万种;但是不支持透明背景以及动画图档格式。
JPEG 是一种很典型的使用破坏性压缩(lossy compression)的图档格式,也就是说使用者每次进行 JPEG 的存档动作后,图档的内容都会遭到破坏,这个特性在肉眼辨识下并不明显,但却可以有效的降低图档的档案大小,多次重复进行 JPEG 的图档的储存将会永久性地破坏图片中的细节。
非常适合作为储存像素色彩丰富的图片、例如照片等等,几乎每台数字相机、照相手机都可以(甚至只能)输出 JPEG 格式的图档。这些图片即使有些微的失真也不容易轻易的察觉;而反过来说 JPEG并不适合用来储存线条图、图标或文字等等有清晰边缘的图片。
由于 JPEG 与 GIF 有着如此不同的特性,因此我们可以很轻易的选择何时该用哪一种格式来输出我们需要的图档:
当图片拥有丰富的色彩时,并且没有明显锐利反差的边缘线条时,选择 JPEG 可以得到最好的输出结果,像是照片就是最好的例子;当图片是拥有明确边缘的线条图、没有使用太多色彩、甚至可能需要透明背景时,GIF 是很完美的选择,档案小、画质又精美。
PNG
PNG支持透明背景,表现颜色种类多达{1680万+几百种(Alpha通道)};但是不支持动画。
PNG,图像文件存储格式,其目的是试图替代GIF和TIFF文件格式,事实上 PNG 的开发就是因为 GIF 所使用的无损压缩格式专利问题而诞生的,同时增加一些GIF文件格式所不具备的特性。
可移植网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG's Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法,一般应用于JAVA程序中,或网页或S60程序中是因为它压缩比高,生成文件容量小。
所以在当前的网页设计的多数应用图片的格式多为PNG,但是若是专业的图片展示网站肯定还是各种格式,而且JPG格式居多,因为拥有丰富的色彩是JPEG的格式输出效果较好。
- 什么是HTML 2015-01-14
- 关于HTML代码可以完成的那些你不知道的事 2014-12-01