图片尺寸怎么定？裁剪、水印与各平台规格

#顺序错了，后面都白做

图片处理有个固定顺序：先定比例，再定尺寸，最后压体积。 顺序颠倒的代价很实际 —— 先压缩再裁切会浪费画质，先裁切再定比例会丢掉构图。

三个步骤各自解决一件事，混在一起就无解：

#先定比例，再定尺寸

比例决定构图，像素决定清晰度 —— 但平台往往只校验像素，所以人会本能地先改像素。 结果是比例不对的图被拉伸或裁切，构图彻底变形。

按用途定比例，再往上套像素：

• 头像：1:1。人脸通常在上三分之一，裁切时把眼睛放在纵向三分线附近
• 分享封面：1.91:1，常用 1200×630。左侧三分之一是文字安全区，右侧放主体
• 九宫格：单张 1:1，整组 3:3
• 公众号头图：2.35:1，常用 900×383
• 视频封面：16:9，常用 1280×720

#裁剪：导出的始终是原分辨率

裁剪框在预览图上看着小，但导出时坐标会按缩放比例反算回原始像素 —— 所以导出的永远是原分辨率的那一块。 这一点常被误解成「预览小所以导出也小」。

用 图片裁剪 时有两个必须知道的行为：

• 导出格式固定是 PNG：无损、保留透明，但体积可能比原 JPEG 大不少（手机照片转 PNG 常见两三倍）。要小体积，导出后再走一次压缩，比在裁剪页塞格式选项更直接
• 导出是重编码，EXIF 不会保留：拍摄时间、机型、GPS 全部丢失。做隐私处理时这是好事，做档案存档时要注意

另外照片的旋转方向在浏览器解码时就已经应用了 —— 预览里看到的方向就是成图方向，不用再手动转正。

#九宫格：只切分，不裁方

九宫格只把整图三等分，不会自动裁成正方形。 这是最容易被误解的一步：原图是 4:3，切出来就是九张 4:3 的小图，拼回去和原图一样，而不是九张正方形。

想要正方形九宫格，正确顺序是两步：

1. 先把比例锁成 1:1 裁好（这时构图已经确定）
2. 再切九宫格

按像素整除三分，右侧与底部用余数补齐，所以九张尺寸一致、不会出现最后一张窄一像素的情况。

#水印：位置与不透明度的取舍

水印要同时满足两个相反的目标：够显眼以证明归属，够克制以不破坏画面。 位置和透明度就是这两个目标的调节旋钮。

用 图片加水印 时有四件事值得先想清楚：

• 要防裁切就平铺，不要单角定位。单角水印被裁掉就没了，平铺至少留下痕迹
• 文字字号是像素，不是相对比例。同一套参数用在竖图和横图上观感完全不同，换图后要跟着调
• Logo 的宽度按原图宽度百分比计算，比固定像素自适应得多，大小图都能用
• 透明度低于 15% 时先导出局部确认。预览画布宽度上限 520 像素，像素级锐度不准，太淡的水印在预览里几乎看不见，成图上却可能明显

平铺有个隐含结果：从左上角按固定间距铺开（文字约 0.8 个字号、Logo 约 0.3 个宽度），右边缘和下边缘会留出不足一格的空档，不会自动居中或裁切。如果介意，可以微调间距或改用居中单水印。

#格式与体积：裁剪之后该做什么

裁剪导出的是 PNG，往往比原 JPEG 大两三倍，所以「裁完再压一次」几乎是必经步骤。 这一步的顺序不能提前。

用 图片压缩 时，缩像素比降质量有效得多：宽度从 4000 缩到 1600 省下的体积，远多于把质量从 90 降到 70。而用 图片格式转换 换格式时，要记住三种格式的硬限制：

• PNG 无损、保留透明，质量滑块对它无效
• JPEG 有损、不支持透明，转之前会先铺白底（所以透明区变白，不会变黑）
• WebP 通常最小，但低质量图片转 WebP 有可能反而变大

界面按字节给出「增大 / 减小」百分比，别只看方向不看数字 —— 已经压过的图再转一次，变大是正常的。

#什么时候该用哪个工具

自制配图时顺序是这样：截图或取原图 → 裁剪定比例 → 加水印 → 压缩 → 交付。 每一步只做一件事，出问题也容易回退。

#常见问题

#头像裁出来总是缺一块脸，怎么办？

比例和位置要对。先把比例锁成 1:1，再把取景框上移，让人脸落在画面上三分之一 —— 多数平台的头像会以圆形显示，边缘会被裁掉，所以主体必须居中。这也是「安全区」的概念：圆形裁切会吃掉四角，重要内容别放在角上。

#九宫格切出来不是正方形？

因为它只做三等分，不改变比例。原图是 4:3 就切出九张 4:3。要正方形，先锁 1:1 裁一次，再切九宫格。另外注意它不打包 ZIP，小图要逐张下载。

#水印加了以后整张图变模糊了？

导出固定是 PNG，理论上是无损的，所以模糊感多半来自两处：一是预览画布只有 520 像素宽，你在预览里看到的锐度不代表成图；二是水印本身字号太小、透明度太低，缩放显示时糊在一起。先导出一张局部确认实际效果。

#为什么我的图越压越大？

三种可能：原图已经压过（再压没有下降空间）、转成了 PNG（无损重编码必然变大）、或者低质量图转 WebP（WebP 在小图上不一定更省）。看界面给的百分比数字，别只看方向。

#分享到社交平台为什么不显示缩略图？

常见原因是图片格式或尺寸不对。分享卡片一般要求 PNG 或 JPEG，尺寸建议 1200×630；SVG 不被支持（微信、X、Facebook 都不吃 SVG）。另外图片地址必须是完整的 https:// 绝对地址，相对路径社交平台的爬虫解析不了。