位图与矢量图
位图即点阵图,由像素点构成,放大时失真
矢量图由函数曲线生成,放大不失真
1.psd
ps专业格式
优点:完整保存图像信息,方便图像信息
缺点:应用范围窄,图片大
2.jpg
网页制作和日常使用
优点:压缩效率高,图片小
缺点:有损压缩,图像因为丢失数据而失真,不支持透明背景
3.png
网页制作和日常使用
优点:无损压缩,容量小,支持透明背景、半透明色彩、透明图像边缘光滑
缺点:不能制作成动画
4.gif
网页小动画格式
优点:无损压缩,容量小,支持透明背景
缺点:色彩范围只有0–256色,透明图像边缘有锯齿
webp
将取代jpg格式的图像格式
优点:同jpg,但是更小
缺点:同jpg,目前不支持所有浏览器
svg
目前首选的网页矢量图格式
优点:图像容量小,放大不失真、支持透明背景、半透明色彩、透明图像边缘光滑
缺点:色彩不够丰富
总结
1.使用大幅面图片时,使用不透明背景的图片用jpg,否则用png
2.使用小幅面图片或者图标图片,色彩多用jpg或者png;如果是单色用svg;动画用gif