常用图片格式

位图与矢量图
位图即点阵图，由像素点构成，放大时失真
矢量图由函数曲线生成，放大不失真

1.psd
ps专业格式
优点：完整保存图像信息，方便图像信息
缺点：应用范围窄，图片大

2.jpg
网页制作和日常使用
优点：压缩效率高，图片小
缺点：有损压缩，图像因为丢失数据而失真，不支持透明背景

3.png
网页制作和日常使用
优点：无损压缩，容量小，支持透明背景、半透明色彩、透明图像边缘光滑
缺点：不能制作成动画

4.gif
网页小动画格式
优点：无损压缩，容量小，支持透明背景
缺点：色彩范围只有0–256色，透明图像边缘有锯齿

webp
将取代jpg格式的图像格式
优点：同jpg，但是更小
缺点：同jpg，目前不支持所有浏览器

svg
目前首选的网页矢量图格式
优点：图像容量小，放大不失真、支持透明背景、半透明色彩、透明图像边缘光滑
缺点：色彩不够丰富

总结
1.使用大幅面图片时，使用不透明背景的图片用jpg，否则用png
2.使用小幅面图片或者图标图片，色彩多用jpg或者png；如果是单色用svg；动画用gif