跳到正文

PNG 和 JPG 怎么选?

PNG 保边缘与透明,JPG 把照片体积压下去。选错格式,要么 Logo 发虚、要么截图糊成一团、要么透明底变成黑块。这篇按场景说明怎么选,并告诉你「透明 PNG 必须交 JPG」时该怎么垫底色。

一句话决策

照片、人像、风景、以「像不像相机拍的」为主 → 优先 JPG(或网页上的 WebP)。

Logo、图标、UI 截图、需要透明、文字必须锐利 → 优先 PNG(或带透明的 WebP)。

对方系统强制 JPG,而你的图带透明 → 先垫底色再转 JPG,不要直接硬转。

PNG 适合什么

无损(常见用法下)更适合线条、文字、扁平色块。界面截图用 PNG,放大看文字也更干净。

支持透明通道,做贴纸、Logo、浮动在照片上的水印图层时很关键。

代价是:照片类内容往往体积远大于同画质 JPG。强行用 PNG 存旅行照,网盘与网页都会更重。

JPG 适合什么

有损压缩换体积,对人眼在照片上的宽容度很高,邮件、社交、打印店、大量表单都认 JPEG。

不支持透明。透明像素没有颜色可写,乱转时就容易变黑或脏边——这不是「电脑坏了」。

不适合需要多次重度后期仍保持锐利 UI 的源稿;那更该留 PNG/TIFF 或设计源文件。

透明 PNG 转 JPG:必做填充

JPEG 标准没有 alpha。转换前必须指定底色(常用白)。站内 透明 PNG 转 JPG 就是为此准备的。

浅色 Logo 配深底、深色 Logo 配白底,对比才够。垫色后若边缘发灰,回到设计软件导出时注意半透明阴影。

和 WebP 的关系

现代网页上,WebP 常常能同时覆盖「照片要小」和「图标要透明」。若你在做网站而不是对接老旧只收 JPG 的接口,也读一读 WebP vs AVIF vs JPG 指南。

缩小 PNG 页默认导向 WebP,是因为浏览器里再存 PNG 往往几乎不减小。

带背景填充转换

透明 Logo 要交 JPG 时,先到 透明 PNG 转 JPG 垫底色再导出,避免黑底。

透明 PNG 转 JPG

PNG vs JPG 常见问题

PNG 一定更大吗?
对照片往往更大;对扁平图标,PNG 可能又小又清晰。以实际导出体积为准。
JPG 能转回无损 PNG 恢复画质吗?
不能恢复已丢掉的细节。PNG 只是换容器,糊的地方还是糊。
截图发聊天用哪个?
要看清文字用 PNG;若平台压缩得很凶、体积敏感,可试 JPG/WebP 并自己预览。
印刷店只要 JPG?
按对方要求。有透明的设计先到 透明 PNG 转 JPG 垫底色再转;色彩关键时询问是否接受 PDF/TIFF。

相关