图片格式怎么选

JPEG 和 PNG 到底该怎么选？

按内容选：色彩连续、细节丰富的照片用 JPEG（有损但体积小）；有大面积纯色、锐利边缘或需要透明背景的截图、界面图、线稿用 PNG（无损、更清晰，体积反而更小）。两者反过来用都会吃亏——PNG 存照片会臃肿十几倍，JPEG 存截图会在文字边缘产生难看的彩色噪点。

WebP 能完全替代 JPEG 和 PNG 吗？

在画质与体积的性价比上基本可以，而且还能同时支持透明和动画。但有两个例外：一是极老的浏览器不识别，面向长尾用户时建议保留传统格式或使用 picture 标签做降级；二是部分桌面软件、印刷流程和第三方上传接口的兼容性仍不完善。做网站配图可以放心用 WebP，需要交给别人的成品文件建议同时给一份 JPG/PNG。

为什么 iPhone 拍的照片在电脑上打不开、传不上？

因为 iPhone 默认用 HEIC 格式保存照片，压缩效率高但兼容性差。很多网站、旧版软件和部分系统不认这个格式。解决办法是用 HEIC 转 JPG 工具批量转换后再使用。如果只是自己看，也可以用支持 HEIC 的看图软件，但一旦要分享或上传，转成 JPG 是最省事的做法。

我做的 favicon 在浏览器里显示不出来 / 显示模糊，是什么原因？

最常见的原因是把一张 PNG 直接改了扩展名当 ICO 用。真正的 ICO 是把 16×16、32×32、48×48、256×256 等多个尺寸的位图打包在一个文件里，浏览器会按显示位置自动挑合适的那一档；单尺寸伪 ICO 在需要小尺寸时会硬缩放，于是糊掉。请用专门的 ICO 图标生成器产出多尺寸文件，同时补一份 SVG favicon 供现代浏览器使用。

GIF 和 WebP 动图该用哪个？

优先 WebP。同画质下 WebP 动图的体积通常只有 GIF 的几分之一，而且支持半透明和更丰富的色彩（GIF 只有 256 色，渐变容易出现色带）。只有在需要兼顾极老浏览器或某些社交平台只认 GIF 时，才退回使用 GIF。

照片能转成 SVG 吗？

技术上可以「描摹」，但通常不划算。SVG 适合由线条和色块构成的图形（Logo、图标、图表），它用数学描述形状；照片是连续变化的色彩，没有可提取的形状，描摹出来会得到成千上万个碎色块，体积比原图还大、观感也更差。照片就该用位图格式（JPEG、WebP）。