本文参考:http://www.admin5.com/article/20171018/791822.shtml
gif:
位图格式,支持透明背景图像。
适用场景:主要用来创造有趣的动画
jpeg:
位图格式,不支持透明背景图像。
适用场景:适合存储具有丰富色彩层次的摄影或写实照片
原因:
色彩层次丰富的图像一般会由于阴影、反光或透视等效果形成明暗、深浅不同的区域,如果我们选择使用PNG8来储存的话,可能一些颜色在调色板上找不到,导致图像上一些数据的丢失,如果使用PNG24的话,它确实可以查找到图像不同层次的颜色,但它会因数据较多增大图片的体积,严重拖慢加载速度,在网站上也容易显示不全。
png:
位图格式,支持透明背景图像。
适用场景:适合相对简单的图像、需要使用透明背景图片情况
原因:
能在保存很少色彩的情况高度还原这个图像,如果使用JPEG格式完全不压缩图像时文件的大小是用PNG格式的5倍多,假如JPEG以45%的程度压缩,文件仍比PNG格式的大,而且图像还出现了失真的问题。
svg:
矢量图形格式
适用场景:适合不同的屏幕分辨率,在网站中应用悬浮效果或微妙的动画
合理选择图像格式
最新推荐文章于 2024-04-25 12:56:32 发布