格式对比
PNG 与 JPG:该用哪种图片格式?
PNG 和 JPG 解决的是不同的问题:PNG 无损存储像素并支持透明度,JPG 丢掉肉眼几乎察觉不到的细节,让照片小得多。按内容选择,而不是按习惯:界面和文字用 PNG,照片用 JPG。
PNG 最擅长的事
PNG 是无损的:无论打开和重新保存多少次,每个像素都原样保留。这让它成为截图、UI 设计稿、logo、图表,以及一切有锐利边缘或文字的内容的正确格式,而且两者中只有它具备真正的透明度(alpha 通道)。代价是体积:同一张照片,PNG 很容易比等效的 JPG 重好几倍。
JPG 最擅长的事
JPG 是为照片而生的:柔和的渐变、自然的纹理、数百万种颜色。它的有损压缩丢掉肉眼几乎注意不到的细节,在高质量设置下也能把照片压得很小。它没有透明度,还会把锐利边缘弄糊,所以文字和截图在 JPG 里看起来发虚。损失还会累积:反复重新保存 JPG 会让它持续轻微劣化。
在浏览器里转换并对比
要做决定,最快的办法就是用你自己的图像来测试:把它拖进图像压缩器,选择 JPEG 作为输出格式,然后把体积和视觉效果与原图并排对比。浏览器内置的 canvas 编码器同时支持 PNG 和 JPEG,所以转换完全在标签页内进行,无需上传。你可以把一张截图和一张照片放进同一批次,一眼就能看出哪种格式更适合各自。
本指南用到的工具
常见问题
截图该存 PNG 还是 JPG?
PNG。截图满是文字和锐利边缘,恰恰是 JPG 压缩最先糊掉的部分。存成 JPG 的截图会出现发虚的字和边缘的光晕伪影;PNG 则始终完美清晰,而且对界面类内容来说往往也不会大多少。
把 JPG 转回 PNG 能恢复画质吗?
不能。JPG 压缩丢掉的东西已经永远消失了;转成 PNG 只是把已经受损的像素无损地存进一个大得多的文件。需要更小的照片时把 PNG 转成 JPG,但如果以后还要再编辑,请保留原始 PNG。