【前端效能优化】WebP - 较小容量的图片格式选择

常见的图片格式有

• GIF：常用来做动态图片
• JPEG：适合 Banner、风景等大图片
• PNG：透明、有线条及文字的图片
• SVG：Icon、图表类型，任意放大缩小都不会失真

WebP 是 Google 2010年推出的图片档案格式，主要设计目标是在减少档案大小的同时，达到和JPEG、PNG、GIF格式相同的图片品质，并希望藉此能够减少图片档在网路上的传送时间。

优点

支援动态、透明图片，档案压缩比JPEG、PNG小约20%左右，可分为有损压缩及无失真压缩(可逆压缩)，有损压缩破坏档案压缩的程度更大，但是每次压缩後的图片都会比前一次更失真。

缺点

目前还没有足够的图像编辑软件支援，即使是 Photoshop 也需要透过外挂才能编辑更新 WebP 图片，需要先安装 WebPShop 增效模组才能从 Photoshop 开启及储存 WebP 影像，编辑与制作上比较不方便。

参考来源：
https://zh.wikipedia.org/wiki/WebP
https://jiemr.com/webp