程序员张三
web前端工程师
获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
png、jpg、gif、jpeg 这些图片格式解释一下，分别什么时候用。有没有了解过 webp？
1.png-8是无损的，采用索引色的点阵图，可以用于替代gif，因为在相同图片效果下，png-8，具有更小的文件体积。而且支持透明度调节，除非要使用动画效果。
还有png-24（不做理解）
2.gif是无损的，采用索引色的点阵图，（只支持8位索引色），支持动画和透明（全透明或者不透明，不支持半透明），适合对色彩要求不高，同时文件体积小的场景。
jpeg是有损的，采用直接色的点阵图，适合存储照片（摄影图片和数字照相机中），不适合用于企业logo和线框类的图，因为有损压缩会导致图片模糊，而直接色的选用， 又会导致图片文件较GIF更大。
3.svg是无损矢量图，适合logo和icon
4.webp是谷歌开发的一种新图片格式，支持有损和无损，直接色的点阵图，相同质量的图片，WebP具有更小的文件体积。现在网站上充满了大量的图片。
1.png-8是无损的，采用索引色的点阵图，可以用于替代gif，因为在相同图片效果下，png-8，具有更小的文件体积。而且支持透明度调节，除非要使用动画效果。
还有png-24（不做理解）
2.gif是无损的，采用索引色的点阵图，（只支持8位索引色），支持动画和透明（全透明或者不透明，不支持半透明），适合对色彩要求不高，同时文件体积小的场景。
jpeg是有损的，采用直接色的点阵图，适合存储照片（摄影图片和数字照相机中），不适合用于企业logo和线框类的图，因为有损压缩会导致图片模糊，而直接色的选用， 又会导致图片文件较GIF更大。
3.svg是无损矢量图，适合logo和icon
4.webp是谷歌开发的一种新图片格式，支持有损和无损，直接色的点阵图，相同质量的图片，WebP具有更小的文件体积。现在网站上充满了大量的图片。
展开
2
11