开发时，你对图片了解多少呢？

图片分类

• 位图（点阵图）矢量图

各种格式图片介绍

png jpg gif svg webp

• gif（帧动画）可以给图片添加动画，兼容性好，但是只有 256 种颜色 log 动图
• jpg 有损压缩 去除视觉不易注意的边缘，大体一置，失真， 适合做背景图轮播图
• png 无损压缩 使用算法 有两类 适合做对色彩区分明显，logo，性能不是问题的图片 真色彩 但文件体积较大
• svg 矢量图 law 哈夫曼 文件小 不失真 学习成本高 耗性能
• webp 弥补 png jpg svg 的缺点，但兼容性不好

web 图片优化

待续。。。。。