上周三晚上十一点,开网店的朋友甩过来一张主图,问我为什么在手机上看着发灰。她在 PS 里截的图是饱和的橙红,导出 JPEG 传到微信,变成了暗沉的砖红。她怀疑是自己显示器坏了,其实不是。
先抛个可能有点得罪人的结论:图片加工这件事,真正决定成败的不是你会不会调曲线、会不会抠图,而是图片离开你电脑之后的那四五次转码。软件里你看到的一切都是"真的",一旦点下导出,后面每一环都在偷偷改你的像素,而且没人事先通知你。
色彩配置:Adobe RGB 是新手最容易踩的坑
很多人的 PS 工作空间默认是 Adobe RGB,尤其是装过某些第三方预设或者借别人电脑改过设置之后。Adobe RGB 覆盖大约 50% 的可见色域,sRGB 只有 35% 上下,听起来更专业对吧。问题是你这张图最终要去的所有地方——微信、手机浏览器、淘宝、朋友圈——几乎全部按 sRGB 来解读。
一张嵌入 Adobe RGB 配置文件的 JPEG,碰到不做色彩管理的软件(一些老版看图工具、部分安卓浏览器),会被直接当成 sRGB 显示,饱和度掉一截,看着就是发灰发闷。不嵌配置文件更糟,别人拿到直接按 sRGB 猜,还是掉色。
具体操作:编辑菜单里找"转换为配置文件",目标空间选 sRGB IEC61966-2.1,意图用"相对比色",勾上黑场补偿。这是真转换,像素值会跟着变。千万别点"指定配置文件",那个只是贴标签不改像素,贴错了比不贴还惨。导出的时候在"导出为"面板里勾上"转换为 sRGB"和"嵌入颜色配置文件",两道保险。
我第一次给印厂交活,直接用 sRGB 硬转 CMYK,没跟对方要 ICC 配置文件,结果打出来的蓝色整体偏紫,两百多张全退回来重印。后来才知道人家用的是 Japan Color 2001 Coated。印刷这摊水跟屏幕上的完全是两套逻辑,提前问清楚,别自己瞎转。
像素和 DPI:那个 72 变 300 的把戏
"300dpi 是多少像素"这个搜索词,后台数据一直不低。先说个颠覆认知的:DPI 只是文件里写的一个数字标签,改它不会让图片变清楚。一张 2000×2000 的图,标 72dpi 和标 300dpi,像素总数一模一样。
但印刷确实卡这个数。A4 满版 300dpi 需要 2480×3508 像素,这是死的,你拿一张 1000 像素宽的图去印 A4,实际输出只有 120dpi 左右,糊是必然结果。
我把常用场景的尺寸整理成一张表,直接抄:
| 用途 | 推荐像素 | 比例/尺寸 | 备注 |
|---|---|---|---|
| 淘宝天猫主图 | 800×800 起,建议 1200×1200 | 1:1 | 单张 3MB 以内,白底要纯 #FFFFFF |
| 淘宝详情页 | 宽 750–1200 | 自适应 | 单张别超 500KB,否则加载慢到掉转化 |
| 小红书封面 | 1242×1660 | 3:4 | 竖版点击率明显高于方图 |
| 小红书内页方图 | 1080×1080 | 1:1 | |
| 微信公众号首图 | 900×383 | 2.35:1 | 老尺寸,现在还在用 |
| 公众号正文图 | 宽 1080 | — | 单张 2MB 以内 |
| 朋友圈 | 长边 1080–1440 | — | 再大也是白搭,平台照压 |
| 抖音/视频号封面 | 1080×1920 | 9:16 | |
| 一寸证件照 | 295×413 | 25×35mm | @300dpi |
| 二寸证件照 | 413×579 | 35×49mm | @300dpi |
| A4 印刷 | 2480×3508 | 210×297mm | @300dpi,另加 3mm 出血 |
| 名片 | 1134×709 | 96×60mm | 含 3mm 出血 |
另外做电商的注意,图片一律用 RGB,淘宝系统不认 CMYK,传上去要么偏色要么直接报错。
压缩链:你导出的那张 JPEG 根本不是终点
我做过一次近乎无聊的测试。同一张 4000×3000 的原图,PS 质量 12 导出,体积 8.7MB。传到微信,再从微信里保存回手机,长边只剩 1280 出头,体积 180KB 左右,暗部全糊成一块。整个过程中没有人征求过你的意见。
所以导出的时候就得预判后面会发生什么,把参数提前降到位。
以那张 4000×3000 的风景照为例,我机器上的实测:
- 质量 12(最高):8.7MB,肉眼找不出毛病
- 质量 10:4.1MB,放到 100% 也几乎看不出差别
- 质量 8:2.2MB,天空那种大面积渐变会有极轻微色带
- 质量 6:1.1MB,暗部开始出现块状伪影
- 质量 4:560KB,缩略图还能看,点开就废
我的习惯是:给平台传图,质量 8 加上长边控制到 2000–2500 像素,这是体积和画质的平衡点;印刷和给甲方存档的,一律质量 12 加最大像素,别省那点硬盘。
格式怎么选也说一下。JPEG 通用,有损,不支持透明。PNG-24 无损、体积大、透明边缘干净,切图用它。PNG-8 只有 256 色,纯色图标能压到几 KB,但凡有渐变必出色带。WebP 同画质下比 JPEG 小 25%–35%,我现在命令行用得多:cwebp -q 82 -m 6 -mt -sharp_yuv in.png -o out.webp,其中 -m 是压缩方法等级 0 到 6,6 最慢最小。AVIF 比 WebP 还能再小 20%–30%,但编码慢得让人想砸键盘,适合做静态资源,不适合临时改图。
缩放和锐化,以及关于 AI 放大的真话
缩小图片别一步到位。PS 的"图像大小"里,重新采样选"两次立方(较锐利)(缩减)",就是那个 Bicubic Sharper。更讲究的做法是先降到目标尺寸的两倍,再降一次,锐化损失更小。
放大呢?没有任何工具能创造原本不存在的细节。Topaz Gigapixel、Real-ESRGAN、Upscayl 这些,本质是用训练数据"猜"出合理纹理。人脸、布料、树叶效果最好,文字、条形码、机械结构经常猜错,会生成看着像那么回事但完全错误的笔画。我亲眼见过一个字被放大成了另一个字。所以做背景图、氛围图、老照片修复,这东西真香;做合同、做产品标签、做需要辨认信息的内容,不行。
USM 锐化的参数区间:网页用图,长边 1500 左右,数量 60%–80%、半径 0.6–0.8、阈值 2–4;印刷图,数量 120%–180%、半径 1.0–1.5、阈值 3–6。阈值这个参数最多人忽略,它决定多平的区域不参与锐化,设成 0 会把噪点一起锐出来,人像肤色立刻变砂纸。
我现在固定用一套五步流程:新建时就确定最终用途,别修完再想尺寸;动手前先把文档转成 sRGB,印刷活另开 CMYK 文档;修完先存一份 16bit 的 PSD 母版,这是唯一不会被压缩的版本;按用途导出,平台图按上表缩放、质量 8,存档图质量 12;上传完在手机上再看一眼,电脑屏幕骗人的次数比我愿意承认的多。
最后说个挺反直觉的事:你花在修图上的时间可能只值 20%,剩下 80% 的价值全在导出设置和那条转码链里。大部分人正好反着使劲。