图片质量与文件大小：实用指南
文件大小由像素尺寸、格式和压缩设置决定，而不是由图片在屏幕上看起来有多大决定。理解这些杠杆，你就能在不明显损害质量的前提下缩小文件，也能判断出什么时候更小的文件根本不值得付出伪影的代价。
让格式和设置匹配画面本身：照片用 JPEG 或 WebP，图形和透明背景用 PNG 或无损 WebP。把图片缩放到你真正显示的像素尺寸，调整质量设置，并保留一份原始文件，这样你永远不会对已经劣化的文件再次压缩。
像素尺寸与显示尺寸
图片的数据是一个像素网格——例如 4000 乘 3000。决定文件大小的主要是这个像素数量，而不是图片在页面上呈现的尺寸。把一张 4000 像素宽的照片缩小到卡片实际显示的 800 像素，会去掉每十六个像素中的大约十五个，这通常是你能做到的最大幅度的减重。
把一张大图放进小框里并不会节省带宽：浏览器仍然会下载每一个像素，再把它缩小显示。如果某个布局从不显示宽于 800 像素的图片，那么直接导出 800 像素宽的版本，既比让浏览器重新采样 4000 像素的文件更小，也更清晰。
像 “DPI” 或 “PPI” 这样的分辨率标签描述的是打印尺寸，而不是屏幕上的文件。用于网页时请以像素来思考：先确定图片将被显示的最大尺寸，再按该像素宽度导出。
质量设置究竟做了什么
对于 JPEG 和有损 WebP 这样的有损格式，质量值控制编码器在压缩时丢弃细节的力度。较高的质量保留更多信息，生成更大、更干净的文件；较低的质量丢弃更多信息，生成更小的文件，并出现可见伪影，例如边缘处的块状效应和高对比线条附近的光晕。
质量并不是可见保真度的线性百分比。对于常见照片，高设置在肉眼看来与原图几乎无异，同时仍能节省空间；压缩的可见代价只有在数值较低的一端才会迅速增大。实用做法是逐档降低质量，在第一次能看出问题的地方停下，再回调一档。
改变文件大小的三个杠杆
| 杠杆 | 对文件大小的影响 | 对质量的影响 |
|---|---|---|
| 像素尺寸 | 很大——像素越少，数据越少 | 只在低于显示尺寸时才有影响 |
| 格式选择 | 很大——照片上有损格式优于无损 | 取决于内容；图形需要无损 |
| 质量设置 | 中等——质量越低，文件越小 | 伪影出现在质量区间的低端 |
元数据：隐藏的体积与隐私
照片常常携带元数据，例如 EXIF 相机参数、时间戳、GPS 坐标和色彩配置文件。这些数据会增加字节数，并且在公开分享文件时可能泄露隐私细节——例如照片拍摄的确切地点。
去除元数据既能减小文件体积，也能降低隐私风险。PixMovo 在图片转换时默认移除元数据，因此导出的文件不会携带隐藏的位置或设备信息。
透明度会改变你的选项
如果图片需要透明背景——徽标、图标、界面元素——那么格式必须支持透明通道。PNG 和 WebP 支持，JPEG 不支持。把带透明背景的图片保存为 JPEG 会悄悄地用纯色填充背景。
对于带透明度的纯色图形，PNG 无损且可预期。WebP 可以存储同样的透明度，同时往往生成更小的文件，因此当透明度和体积都重要时，值得测试一下 WebP。
重复编码会累积损失
- 每次保存有损 JPEG 或有损 WebP 都会重新施加压缩，因此反复编辑并重新导出同一文件会累积伪影——这种效应常被称为世代损失。
- PNG 和无损 WebP 这类无损格式在每次保存时都会重现相同的像素，因此无论你打开并导出多少次，工作母版都保持完好。
- 保留一份原始文件或无损母版，只在需要小体积的最终版本时才导出一份新的有损文件。
- 事后把压缩过的 JPEG 转成 PNG 无法恢复 JPEG 已经丢弃的细节；它只是把劣化后的像素无损地保存下来。
在 JPEG、WebP 和 PNG 之间选择
当你需要一张几乎所有设备都能打开的照片，而且文件大小比像素级锐利的边缘更重要时，请选择 JPEG。对于连续色调图像，它是最稳妥的通用选择。
当你想要更小的照片、或带透明度的图形，且受众使用现代浏览器时，请选择 WebP；它同时支持有损和无损模式。当你需要保证无损的图形、清晰的文字，或兼容性最广的透明度时，请选择 PNG。PixMovo 可在 JPEG、PNG 和 WebP 之间转换，并默认移除元数据。
实例：为网页缩小一张主视觉照片
- 缩放到显示宽度
确定图片被显示的最大宽度——例如整幅主视觉的 1600 像素——并按该像素宽度导出，而不是相机原生的 4000 像素。
- 在 PixMovo 中转换为 JPEG 或 WebP
上传缩放后的照片，选择 JPEG 以获得通用支持，或选择 WebP 以获得更小的文件。PixMovo 会在转换时移除元数据。
- 调整质量直到出现伪影
如果你的流程允许降低质量，请逐档下调并观察边缘和渐变。在块状效应或色带第一次出现的地方停下，再回调一档。
- 与原图对比
以原始尺寸将导出图与原图并排查看。如果更小的文件看起来干净，就采用它；否则提高像素宽度或质量，而不是接受可见的损伤。
常见问题
- 为什么图片在页面上看起来很小，文件却这么大？
- 文件大小取决于图片的像素尺寸，而不是它在布局中呈现的大小。一张 4000 像素的照片放进 800 像素的框里，仍会下载全部 4000 像素。缩放到你真正显示的宽度即可减小体积。
- 降低质量设置一定会毁掉图片吗？
- 不会。质量并非线性。对于照片，高设置看起来与原图几乎无异，同时仍能节省空间；可见伪影主要出现在区间低端。逐步降低，在问题出现前停下即可。
- 我该用 JPEG、WebP 还是 PNG？
- 需要几乎处处都能打开的照片用 JPEG；在现代浏览器上追求更小的照片或透明度用 WebP；需要无损图形、清晰文字，以及兼容性最广的透明度用 PNG。
- 把 JPEG 转成 PNG 会提升它的质量吗？
- 不会。JPEG 会永久丢弃细节。事后保存为 PNG 只会无损地保留已经劣化的像素，无法恢复 JPEG 移除的内容。
- 移除元数据会让文件变小吗？
- 会，幅度不大，同时还能通过删除 EXIF 位置和设备数据来保护隐私。PixMovo 在转换时默认移除元数据。