设备与系统问题

WebP、JPG、PNG 怎么选:按用途挑格式,别只盯着体积

对照片、标志、截图和网页,比较 WebP、JPG、PNG。没有一种格式处处最好,按用途、透明度和体积来选。

先看结论

没有一种格式适合每一张图。照片多半用 JPEG 或 WebP。带透明的图形、标志、边缘清晰的界面,多半用 PNG 或 WebP。

面向现在的网页投放时,若这张图的体积与画质折中、以及兼容性都说得通,WebP 常常是扎实的选项。

WebP 并不总是最好,PNG 并不总是画质最高,JPEG 并不总是体积最小。对着你手里的文件比结果。

这是一篇选格式的指南,不是 PNG 体积排障。若 PNG 已经太大,先看 为什么我的 PNG 这么大?怎样缩小又不糟蹋画面。这里要回答的是该挑哪种格式。

下面是常见的起点,不是硬性规则:

用途 通常先考虑
照片 JPEG / WebP
透明标志 PNG / WebP
带文字或界面的截图 PNG / lossless WebP
网页主视觉 WebP / JPEG
要精确保住像素 PNG / lossless WebP
要尽量兼容老环境 JPEG / PNG

JPEG 是什么

JPEG 是照片常用的 lossy 格式,没有 alpha 透明。画质和文件体积互相折中,反复做 lossy 编码会叠加上损失。JPG 和 JPEG 是同一种格式,日常差别在扩展名,不在画质。

PNG 是什么

PNG 用 lossless 压缩,并能保存 alpha 透明。适合标志、图标、界面、截图和边缘清晰的图形。把照片存成 PNG,文件容易变大。PNG 是压缩过的,并不是未压缩格式。

WebP 是什么

WebP 支持 lossy 压缩、lossless 压缩和 alpha 透明。现在的浏览器普遍能打开。WebP 并不总是更小:体积取决于画面、编码器、质量设置,以及用的是 lossy 还是 lossless。

WebP 和 JPEG:照片谁更合适

两者都能拍照片。JPEG 常见,也容易嵌进现有流程。WebP 在编码器、设置和画面合适时,可以做出观感接近、体积相当甚至更小的文件。没有固定的节省百分比。

WebP 和 PNG:透明谁更合适

两者都能保住透明。PNG 是 lossless,像素要对得上时更稳。WebP 可以是 lossy 或 lossless,有时能把体积压下去。带透明并不等于 WebP 一定更小。

JPG 和 PNG:该选哪一个

照片先看 JPEG。标志、图标、界面或透明,先看 PNG。偏照片的截图改成 JPEG 或 WebP 有时更小;文字或界面截图常常更适合 PNG。不是每张截图都该用 PNG。

照片用哪种格式更合适

通常先拿 JPEG 和 WebP 来比。PNG 也能存照片,文件往往大很多。这是倾向,不是定律。

标志用哪种格式更合适

标志常常要透明、锐利边缘和色块。栅格图可以选 PNG 或 lossless WebP。矢量标志可以考虑 SVG,但 图片格式转换 不转换 SVG、HEIC、GIF 动画、RAW 或 PDF。

截图用哪种格式更合适

界面、文字、图表、色块图形通常适合 PNG 或 lossless WebP。偏照片的截图改成 JPEG 或 lossy WebP,文件有时更小。过强的 lossy 压缩会伤到小字。

网站该用哪种图片格式

WebP 可以是扎实的现代候选。仍要权衡内容、透明、兼容、体积、画质和平台支持。JPEG 和 PNG 仍然成立。不要默认把每张素材都转成 WebP。

哪种格式文件最小

看情况。格式、lossy 还是 lossless、质量、尺寸、复杂程度、alpha 和编码器都会改结果。先转换再对比,不要只凭格式名就认定最小文件。

管体积的不只是格式

若一张 4000×3000 的图只显示成大约 1000×750,尺寸可能和格式一样关键。体积并不严格按像素数成比例。修改图片尺寸 改的是宽和高,不是格式。

lossy 和 lossless:最要紧的差别

lossy 丢掉一部分信息来换体积。JPEG 是 lossy。WebP 可以是 lossy 或 lossless。PNG 是 lossless。lossless 并不总是看起来更好,也无法把先前 lossy 已经丢掉的细节找回来。

哪些格式支持透明背景

PNG 和 WebP 能存透明。JPEG 没有 alpha。在 图片格式转换 里,把透明 PNG 或 WebP 转成 JPEG 时,那些像素会用背景色填上——默认白色,也可以另选颜色。

哪种格式画质最好

没有绝对最好。PNG 和 lossless WebP 能无损保住像素。JPEG 和 lossy WebP 看设置。把 JPEG 转成 PNG,不会把丢掉的细节找回来。

把 JPG 转成 PNG 能提高画质吗

不能。JPEG 压缩已经丢掉的细节回不来。文件有可能变大。这种体积变化并非每张图都成立。

什么时候值得把 PNG 转成 JPEG

照片不需要透明、又更在意体积而不是像素完全对得上时,可以考虑。你会失去透明,并加上 lossy 压缩;文字或线稿可能出现瑕疵。

什么时候值得转成 WebP

网页投放、照片、图形或透明,想在可接受的画质下换更小文件时,可以考虑。务必看输出:WebP 并不保证更小。图片格式转换 按质量设置编码 WebP,走的是常见浏览器的 lossy 路径,不是 lossless 保证。

没有理由就不要转格式

若当前格式已经符合用途、体积也过得去,就不必转。换格式本身不是优化。反复做 lossy 转换会把画质往下推。

一份简单的格式决策步骤

要透明?PNG 或 WebP。是照片?JPEG 或 WebP。锐利文字、界面或色块图形?PNG 或 lossless WebP。还是太大?再比压缩、尺寸和另一种格式。

  • 选定一种格式
  • 要透明?PNG 或 WebP
  • 是照片?JPEG 或 WebP
  • 锐利文字或界面?PNG 或 lossless WebP
  • 还是太大?压缩、改尺寸或再比
  • 对着实际文件比较
先按用途选,再比较。单看格式名,选不出最小或最锐的文件。

在浏览器里转换 JPG、PNG 和 WebP

NEXNARA 图片格式转换 在 JPG、PNG、WebP 之间转换。像素宽高保持不变。

质量设置作用于 JPG 和 WebP(默认 90%)。PNG 是 lossless。透明会留在 PNG 或 WebP 上。转成 JPEG 时用背景色填上,默认白色。

超过 20 MB 的文件不处理。不接受 HEIC、SVG、GIF 动画、RAW 和 PDF。

图像处理本身在浏览器里完成。这个工具不会把文件发到 NEXNARA 服务器。广告和站点其他功能仍会使用网络。

不改尺寸,只压缩图片

图片压缩 保持原格式。JPG 和 WebP 使用质量设置。PNG 按 lossless 重新编码——体积常常只降一点——并保住透明。这不是 JPG 或 WebP 无损的承诺。上限 20 MB。若图远大于显示尺寸,修改图片尺寸 往往比换格式更有用。

要在同一张图上比较格式?打开 图片格式转换,文件仍大再压缩或改尺寸。

FAQ

WebP 比 JPG 更好吗

不一定。两者都能拍照片。WebP 可能在观感接近时更小,也可能不会。JPEG 的兼容面仍然很广。

WebP 比 PNG 更好吗

不一定。两者都能保住透明。PNG 是 lossless,像素要对得上时更稳。WebP 有时会更小。

该用 JPG 还是 PNG

多数照片用 JPEG。标志、界面、透明或锐利文字用 PNG。截图要看拍到的是什么。

网站用哪种图片格式最好

WebP 常常是扎实的现代候选。兼容、透明或精确像素更要紧时,JPEG 和 PNG 仍然成立。

WebP 支持透明吗

支持。PNG 也支持。JPEG 不支持。把透明图转成 JPEG 会填上那些像素——在 图片格式转换 里默认白色。

把 JPG 转成 PNG 能提高画质吗

不能。JPEG 压缩已经丢掉的细节回不来。文件可能变大,看起来却不一定更锐。