PNG、JPEG 还是 WebP?发布图片前怎么选格式

按照片、透明图形与网页图片选择格式,检查像素尺寸、文件体积和转换限制,再导出适合发布的文件。

作者 PixOnDeck ·

图片格式要按使用位置来选。透明 Logo、个人头像和网站横幅,交付要求并不相同。先看发布位置接受的格式、像素尺寸和文件大小限制,再从原图准备一份交付副本。

橙色锦鲤贴纸示意 PNG、JPEG 和 WebP 的背景差异

AI 生成的概念插图,不是实际格式转换结果。棋盘格仅用于示意透明背景,不代表这张插图本身是透明文件。

按任务选择 PNG、JPEG 或 WebP

你的任务可以先选发布前检查
抠图或 Logo 需要透明背景PNG边缘透明度,以及发布后是否保留透明背景
照片明确要求提交 JPG/JPEGJPEG背景、细节和上传大小限制
网站接受 WebP,想比较交付方案WebP下载效果、文件大小,以及网站是否允许上传
示意图或设计图包含小字和清晰边缘先考虑 PNG文字、细线,以及导出设置造成的变化
接收方指定了文件格式指定格式发送前打开实际导出的文件

PNG 和 WebP 支持透明背景,JPEG 不支持;.jpg 和 .jpeg 是同一种格式的扩展名。这些格式能力可查阅 MDN 图片格式说明。浏览器能显示某种格式,不代表每个发布平台都允许上传。

更换格式不能修复已经模糊的源图。如果问题在于像素尺寸或构图,先阅读图片放大、尺寸调整和扩图的区别。

格式转换会改变什么

PixOnDeck 图片格式转换工具在浏览器中处理静态图片,接受 PNG、JPEG、WebP、AVIF、JPEG XL 和 HEIC/HEIF,提供 PNG、JPEG、WebP、AVIF 或 JPEG XL 输出。HEIC/HEIF 只处理主静态图像,输出 SDR,不能用于保留实况照片或完整的 HDR 工作流程。

格式转换改变文件编码,像素尺寸保持不变。导出 JPEG 时,透明区域会变成白色。如果白底不合适,应先在编辑器中准备需要的背景。

导出 PNG 同样要留意设置。PixOnDeck 转换和压缩工具的质量预设可以减少颜色数量,同时保留透明度。因此,不能把 PNG 下载结果直接当成颜色完全不变的副本;渐变、品牌色和小字仍需要检查。

PNG、JPEG 或 WebP 输入选择相同输出格式时,转换工具可能直接返回原文件。目标是减小体积而非更换格式时,应使用图片压缩工具。

按四步准备交付文件

1. 确定最终构图和尺寸

单独保留原图。需要裁切时,先在编辑器中确定范围,再处理最终尺寸。图片尺寸调整工具的按宽度、按高度模式会保持源图比例;指定宽高会拉伸到目标尺寸,不会裁切或增加场景。

尺寸调整工具接受 PNG、JPEG 和 WebP。其他受支持的源格式,可先通过转换工具生成它接受的文件。如果调整尺寸时已经输出了需要的格式,就可以省去单独转换这一步。

2. 需要更换交付格式时再转换

打开图片格式转换工具,选择图片和目标格式,处理后下载。透明图片要放到实际使用的背景上检查边缘;导出 JPEG 时,确认透明区域变成白底是否可以接受。

3. 文件仍然太大时再压缩

把准备好的副本放进图片压缩工具,选择输出格式与质量预设,处理后对照源文件。除了实际文件大小,也要检查文字、人脸、边缘和渐变。

压缩不能保证得到指定的 KB 数。已经优化过的图片未必还能缩小;同格式压缩如果重新编码后没有变小,PixOnDeck 会保留原文件。仍然超过限制时,可以在发布要求允许的范围内缩小尺寸,或尝试另一种被接受的格式。再次尝试尽量从保留的源文件开始,不要反复压缩已经有损导出的结果。

4. 在实际使用位置检查

打开下载文件,再查看发布位置提供的预览。留意是否被自动裁切、背景是否改变,以及文字按实际展示大小是否还能读清。把交付副本和原图分开保存。

  • 允许的文件格式:
  • 要求的宽度与高度:
  • 最大文件体积:
  • 透明背景或实色背景:
  • 已检查下载文件的尺寸与体积:
  • 已检查发布位置的预览:

处理头像时,应先确认人物相似度和裁切,再处理格式与大小。可以先用头像参考图选择指南检查源照片和生成结果,再准备交付副本。

需要更换文件格式,可以打开图片格式转换工具。格式已经符合要求时,直接按剩余问题选择尺寸调整或图片压缩。