先说我自己踩的那个坑
去年十一月,我给自己的露营炉具那篇稿子配图,一共23张。相机是富士X-T3,直出JPEG,一张8到12MB。我在PS里一张张拉曲线、加锐化,导出的时候质量选了100,算下来平均1.6MB一张。发出去第二天有读者留言:你这图我加载了快一分钟。我不太信,关了WiFi用手机流量点开——是真的,滚到第三张就开始白屏。
后来我把同样23张图重做了一遍,总大小从36MB压到2.1MB,用手机看几乎没区别。关键不是我换了什么软件,是我把做事的顺序倒过来了。
大部分人的图片加工顺序是:拿到原图 → 调色 → 修瑕疵 → 导出 → 发现太大 → 再压一次。这个顺序里藏着两个很难被察觉的损失。第一,你是在6000×4000的尺寸上做锐化和降噪的,图发到手机上被缩到1080宽,缩放算法会把相邻像素平均掉,你加的那点锐化基本被抹平,有时候还会在边缘留下白边。第二个更烦:压缩是最后一步做的,如果你前面已经导出过一版JPEG,那其实是在"压缩过的图"上又压一遍,块状伪影叠两次,放大看是一格一格的。
我现在的顺序固定成五步:先在原始文件上定终点尺寸 → 裁切 → 缩放到位 → 锐化 → 导出。就改了这一件事,返工大概少了三分之一。
格式和参数:别迷信质量100
我拿同一张1200×800的耳机产品图(白底、有金属反光)做了个横向测试,同一台电脑,PS 2023导出,结果大概是这样的:JPEG质量100是780KB,质量85是210KB,质量80是148KB,质量75是126KB。换WebP质量80是92KB,AVIF质量60是58KB。这只是我这一个样本,换张噪点多的夜景数字会全变,但拐点位置差不多——JPEG在75到82之间,再往上加质量,体积涨得比画质快得多。
那为什么不干脆全用AVIF?因为兼容性。Chrome 85之后、Safari 16之后、Firefox 93之后都支持AVIF了,但国内不少老CMS后台、还有部分企业的图床,处理不了这个格式,传上去要么报错要么给你转成JPEG,白忙。WebP的情况好一点,Safari 14就开始支持了,但我试过往公众号后台传WebP,有一次它给我转成了PNG,体积从90KB涨到400多KB,从那以后发公众号我老老实实用JPEG。
自己的博客或者是能控制服务器的那种站,WebP基本可以放心用。Google那个Squoosh网页版我到现在还在用,官方早就没怎么更新了,但拖进去调滑块看实时体积这个交互,别的工具做得没它顺手。批量的话Mac上我用ImageOptim,Windows上用XnConvert,都是拖一整个文件夹进去、设一次参数、跑完的程度。
色彩:一个很多人从来没查过的地方
iPhone从12之后拍的照片默认是Display P3色域,heic格式。你把它导到Windows上,很多时候要先去应用商店装个HEIF扩展才能预览,这是第一道坎。第二道坎更隐蔽:P3的红色和绿色范围比sRGB大,如果中间某个环节(尤其是那些不读ICC配置文件的缩略图服务)把它当sRGB处理,颜色就会整体偏艳、偏脏,尤其是人像的肤色。
我遇到过一次,一张拍得很满意的番茄炒蛋,在电脑上看颜色刚好,发到某个平台之后鸡蛋变成橘黄色,番茄红得发荧光。查了半天才发现是色域被当sRGB解释了。解决办法不复杂:导出之前统一转成sRGB,PS里是"编辑 → 转换为配置文件",iPhone上可以用快捷指令或者直接在马赛克这类App里导出时选sRGB。
这件事对做电商的人尤其要紧,衣服的色差投诉一大半来自这里。我认识一个做童装的,主图本来是P3,客户收到说"跟图上不是一个颜色",后来统一转sRGB,退货理由里关于颜色的肉眼可见地少了。
各平台的尺寸,我整理成一张表
以下都是我自己在用的,不是官方文档抄的,用之前建议自己再量一遍。
公众号封面首图900×383,比例2.35:1,正文里的图建议宽度900以内,编辑器实际显示宽度大概677px;小红书竖版走3:4,我一般导1242×1660;知乎回答里插图1200宽以内比较稳;B站视频封面1146×717,16:10;抖音和视频号封面1080×1920;淘宝主图800×800起步,白底,前五张最重要;朋友圈发出去的图会被压到长边1080左右,所以原图给1080~1440就够了,给4000是在浪费。
注意这里有个反常识的点:不要试图做一张"通用图"发遍所有平台。一张图发五个地方,我导五个版本,总共花不了三分钟;硬调一张万能图,结果是每个平台都差一点,公众号上下面被裁掉,小红书上左右留白。定尺寸的成本远低于你反复调的成本。
抠图和放大,说两句实话
抠图边缘发毛、有白边,九成不是抠得不准,是输出格式的问题。带透明通道的一定导PNG-24,别导JPEG——JPEG不支持透明,透明区域会变成白色,然后你又把它贴到深色背景上,那个白边就出来了。如果是硬边缘(比如商品、家具),选完主体之后羽化0.5到1px再输出,边缘会自然很多。iPhone上的长按抠图用来做临时素材够用,但要出图还是得老老实实手动修一下发丝。
放大这件事,2倍以内用Real-ESRGAN或者Topaz Gigapixel,效果还行;4倍以上我劝你别抱太大希望,AI放大本质是"编"细节,文字和人脸放大之后看着很清楚,但你放大看笔画会发现它编错了。产品图要放大,重拍比放大靠谱。
最后一句,图片加工真正的天花板不在软件,在拍摄。手机拍的时候把镜头擦一下、把光源方向固定住,后面能省掉一半的活。这话听着像废话,但我是做了两年才真正当回事的。