「不掉画质地变小」真正的意思是几乎看不出的损失。按顺序拉动这三个手段。

1. 选对格式

用适合内容的格式:照片用 JPG/WebP,纯色图形和 logo 用 PNG/SVG。照片卡在 PNG 里只会白白巨大——转一下。

2. 选对尺寸

一张 6000 像素宽的照片却显示在 800px,浪费了约 98% 的数据。缩放到你实际显示的尺寸——这是单项最大、且无损的提升。

3. 聪明地压缩

然后以约 80% 质量压缩,盯着实时体积。眼睛看不出,文件却小很多。

串起来

格式 → 尺寸 → 压缩,按这个顺序,通常能把好几 MB 的照片压到两三百 KB 而看不出变化。要命中精确目标,见压到 100 KB。延伸：文件大小 vs 尺寸。