图片格式
在保证视觉效果的情况下,选择最小的图片格式与图片质量(通常选择 60-80 之间),以减少加载时间。
PSD:
Photoshop默认保存的文件格式,可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等。
JPG:
-
色彩丰富 【不支持透明】
-
压缩比高,生成文件体积小,
-
支持多种压缩级别可以控制文件大小
-
色彩丰富的图片(摄影图像(产品图,照片,渐变,banner图))
-
有损压缩
GIF:
-
支持动画
-
支持透明(全透明)
-
颜色不够丰富,只支持256种颜色、文件小
-
适用于:色彩简单的logo/icon/动图
PNG
-
颜色丰富
-
支持alpha透明(全透明和全不透明,半透明)
-
早期的浏览器不支持PNG图像
-
适用于:透明背景图片【投影,发外光, 线条复杂(文字)】
-
选择png-8
WebP
谷歌(google)10年推出一种新型图片格式
-
文件小,支持有损和无损压缩,支持动画、透明
-
但并不是所有浏览器都支持 webp(ie8及其以下不支持)
-
兼容