JPG、PNG 与 WebP：按用途选择图片格式
图片的格式与导出尺寸会影响画质、文件大小和页面加载速度。先明确用途，再选择格式，比反复转换更有效。
照片通常从 JPEG 开始考虑
JPEG 常用于照片，能够通过有损压缩减小体积，但不支持透明背景。压缩质量过低时，文字边缘和细节可能出现明显失真。
每次编辑都保留原图，完成后再导出一份使用。反复覆盖保存有损压缩文件，可能进一步损失细节。
需要透明背景时考虑 PNG
PNG 支持无损压缩与透明度，适合部分界面截图、透明图和边缘清晰的图形。对于大幅照片，文件可能较大。
透明效果取决于文件是否真正包含透明通道。图片上画出的棋盘格仍然可能只是背景图案。
网页图片可以考虑 WebP
WebP 支持有损、无损与透明度，可用于常见网页配图。它是否比其他格式更小，需要结合图片内容、导出参数与工具实际比较。
如果文件还要交给特定软件或较旧的设备使用，先确认接收端支持情况，再决定最终格式。
尺寸比格式更先影响体积
先根据展示区域确定合理像素尺寸，再选择压缩质量。对只显示在小区域的图片，没有必要始终加载超大原图。
导出后在实际展示大小下检查人脸、细小文字、边缘和渐变。避免只看文件体积，而忽略阅读质量。
给网页图片补上说明
有信息含义的图片使用简洁的替代文本，说明图片传达的关键内容。纯装饰图片可使用空的 alt。
为图片声明合适的宽高比例，可以减少加载时页面内容跳动。首屏以外的图片可以按需求采用延迟加载。
本篇完
记录过程，也保留下一次继续学习的入口。