PNG、JPG、WebP 还是 PDF：导出格式怎么选

图修完了。导出面板里有四种格式和尺寸选项；选择 JPG、WebP 或 PDF 时，还会出现质量滑块。格式和尺寸选得是否合适，会直接影响网页加载速度、文字边缘和透明区域。

一句话结论

四种格式的真实差别

JPG——依然很难被击败的默认选项

为照片调优的有损压缩，丢掉的是人眼最不容易察觉的细节。它非常适合连续色调的画面，但不适合锐利边缘：文字、Logo 和界面截图会出现明显的振铃伪影。不支持透明。每次重新保存都会再损失一点，所以请保留一份编辑好的母版，从母版导出 JPG，而不是反复编辑同一个 JPG。

PNG——无损，且对此很诚实

PNG 使用无损压缩，所以截图、示意图、Logo 和像素画都能完整保留，并支持透明通道。代价是体积：同一张照片存成 PNG 可能比高质量 JPG 大出数倍，而网页交付时通常看不出相应好处。它更适合图形，不适合多数网页照片。

WebP——网页场景下的合理默认

WebP 格式本身支持有损、无损和透明，网页场景下通常能以较小体积达到接近 JPG 的观感。visdraw 当前通过浏览器编码器按质量值导出 WebP，没有单独的无损模式开关。现代浏览器普遍支持 WebP，但部分上传表单、旧桌面软件和平台仍可能拒绝它；遇到这种情况就改用 JPG 或 PNG。

PDF——把图片装进单页文档

visdraw 会先把画面编码成 JPEG，再嵌入一个与图片像素宽高对应的单页 PDF。它适合把单张图片作为文档附件传阅或普通打印，但没有纸张规格、DPI、页边距、多页排版或电子签名功能，也不适合直接用作网页图片。

质量滑块到底在做什么

它不是一根“画面有多好看”的线性刻度。对 visdraw 的 JPG、WebP 与 PDF 导出来说，它控制浏览器编码器的有损质量；PNG 是无损导出，因此面板不显示质量滑块。具体体积曲线会随格式、图片内容和浏览器而变化。

实操时可先从 85 开始，查看预计体积并检查导出结果，再按目标平台的限制调整。高质量区间继续加码往往只会明显增大文件；降低到中低质量后，天空、柔和阴影、失焦背景和细小文字通常比纹理区域更早暴露问题。不同浏览器编码器的结果会有差异。

导出尺寸怎么定

尺寸往往比格式更重要。一张 4000 像素宽的照片如果只显示在 800 像素宽的栏目里，宽高都按比例缩小时，像素数量约为实际需要的 25 倍；具体文件体积不会严格按同一比例变化，但通常仍然浪费。

导出前的六个确认

1. 目标平台接受这个格式吗？电商平台和老系统是常见的例外。
2. 这张图需要透明吗？需要的话 JPG 出局。
3. 它是交付照片还是图形？照片交付通常选有损格式，图形通常选无损格式。
4. 像素尺寸和实际显示尺寸接近吗，还是发了四倍于所需的大小？
5. 检查时看的是渐变区域，还是只看了锐利部分？
6. 文件名是你愿意让陌生人读到的内容吗？