如何使用ImageMagick为截图添加背景、调整尺寸适配Twitter发布

原命令失效原因 #

• 参数顺序不符合ImageMagick的执行逻辑：ImageMagick按输入顺序处理参数，你先加载了原图，后续的-size、-texture参数没有被用于生成背景层，也没有执行图层合并操作，相当于参数完全没生效
• -texture参数不能直接生成平铺背景，需要配合tile:前缀实现纹理铺满画布的效果
• 直接使用原文件名作为输出会覆盖源文件，不便于调试

可用命令 #

convert \
  -size 1200x675 tile:~/Pictures/DoctorWho/horizon.jpg \
  \( ds.png -resize 900x \) \
  -gravity Center \
  -composite \
  ds-twitter.png

命令逻辑说明 #

• 第一步生成1200x675的16:9画布，用你指定的纹理图平铺填满整个背景，符合尺寸要求
• 括号内单独处理原始截图：宽度固定为900px（正好是1200px画布宽度的3/4），高度自动按原图比例缩放，不会出现拉伸变形
• -gravity Center指定截图居中放置，-composite完成背景层和截图层的合并
• 最终输出到新文件ds-twitter.png，不会覆盖原截图，方便调整效果

可选优化 #

如果需要让截图更突出，可以在调整尺寸后加白边和阴影效果，修改后的命令如下：

convert \
  -size 1200x675 tile:~/Pictures/DoctorWho/horizon.jpg \
  \( ds.png -resize 900x -bordercolor white -border 10 \( +clone -background black -shadow 80x3+5+5 \) +swap -background none -layers merge +repage \) \
  -gravity Center \
  -composite \
  ds-twitter.png

内容的提问来源于stack exchange，提问作者Webdev Tory