线稿输出分辨率与格式指南

Sketch Output Resolution & Format Guide

线稿做好了,但导出时你犹豫了——选 PNG 还是 JPG?分辨率调多高才够?透明背景要不要?你不想花了心思做出的线稿,因为导出设置不对而毁在最后一步。

本文为每种常见使用场景提供明确的导出建议——分辨率、格式、透明度一一对应。照着做就不会错,不需要理解背后的技术原理。

01 PNG vs JPG:线稿应该用哪个格式

结论前置:线稿首选 PNG,始终如此。原因很简单——JPG 是有损压缩,它通过模糊细节来减小文件大小。这对照片来说不是大问题(人眼对照片的模糊不敏感),但对线稿来说是灾难——线稿的本质就是"锐利的线条",一旦边缘被 JPG 模糊处理,干净的线条就变成了毛茸茸的"脏线"。

此外,PNG 支持透明背景而 JPG 不支持。线稿的一大优势是可以叠加到任何背景上使用——如果保存为 JPG,你就丧失了这个灵活性。

唯一适合用 JPG 的场景:你需要通过微信或某些平台发送文件,而对方的系统不支持 PNG 的透明通道。这时可以先保存一份 PNG 原档,再转一份 JPG 用于发送。

记住:PNG 是"母版格式",永远先保存 PNG。需要 JPG 或其他格式时,从 PNG 转换。不要反过来。

02 不同用途的分辨率建议

社交媒体头像:最小 800×800px,推荐 1080×1080px。更大也行但多数平台会自动压缩——超过 2000px 纯属浪费带宽。

社交媒体图片发布(朋友圈/微博/Instagram):长边 1500-2400px 是甜蜜点。太小会不清晰,太大会被平台压缩到看不出区别。

打印 A4(210×297mm):需要长边至少 3500px(300dpi)。如果源照片是 1200 万像素以上的手机照片,通常足够。

打印 A3 或更大:长边 5000px+(300dpi)。需要高像素源照片,或使用 AI 超分辨率放大后再转线稿。

定制印刷(手机壳/T恤/马克杯):根据印刷商要求的具体尺寸准备。线稿因为是黑白高对比,对分辨率没有照片那么苛刻——200dpi 通常就够了。

03 透明背景的使用场景

透明背景让线稿可以"浮"在任何颜色或图案上——这是线稿最大的排版灵活性来源。制作社交头像、定制印刷品、海报设计或 PPT 素材时,透明背景几乎是必须的。

什么时候不需要透明背景?当你的线稿作为独立作品使用时——比如打印装裱挂墙。这时白色背景更自然,也避免了打印时透明通道的处理问题。直接在卢浮宫中保留白色背景导出即可。

注意:某些社交平台(如微信公众号、部分电商后台)不支持 PNG 的透明通道,上传后透明区域会变成黑色或白色。发布前先测试一下。

04 WebP 格式:现代方案

WebP 是 Google 推出的现代图片格式,兼具 PNG 的质量和 JPG 的小文件体积。对于线稿来说,WebP 是一个越来越好的选择——线条清晰锐利(不像 JPG 那样模糊),文件比 PNG 小 30%-50%,且支持透明背景。

局限性在于兼容性——虽然主流浏览器和手机都已支持 WebP,但某些老旧系统、部分设计软件和微信小程序可能不支持。如果你的使用场景是纯线上传播,WebP 是最优格式。如果需要广泛兼容,仍选 PNG。

最佳策略:保存 PNG 作为母版存档,根据实际发布渠道选择导出 WebP(网页/APP)或 JPG(微信)。

常见问题

JPG 保存线稿会有多大差别?

差别非常明显。放大看 JPG 线稿,你会看到每条线条周围有一圈“毛边”(JPEG artifact)。PNG 的线条则像刀切一样锐利。线稿对这种差别极其敏感。

文件太大怎么办?

线稿的 PNG 文件通常不会太大——因为大面积的留白(纯色区域)被 PNG 压缩得非常高效。如果确实太大,可以用图片压缩工具(如 Suried 压缩)进行无損压缩。

可以把线稿用作 SVG 矢量图吗?

卢浮宫导出的是位图(PNG/JPG),不是矢量图。如果需要 SVG,可以使用 Adobe Illustrator 的“图像描摹”功能将位图线稿转为矢量——线稿是最容易被矢量化的图片类型。

打印时需要 CMYK 色彩模式吗?

黑白线稿严格来说不需要转 CMYK——纯黑色在 RGB 和 CMYK 中几乎没有色差。但如果你打算在某些区域添加彩色,或专业印刷厂有要求,可以在 Photoshop 中转换为 CMYK。

分辨率不够可以放大吗?

可以。线稿比照片更适合放大——因为线条是高对比的几何形状,AI 超分辨率工具(如 waifu2x)可以非常干净地把线稿放大 2-4 倍。效果远好于放大照片。

📖

立即使用工具

本文为每种常见使用场景提供明确的导出建议——分辨率、格式、透明度一一对应。照着做就不会错,不需要理解背后的技术原理。

TOOLS.SURIED.COM