如何使用Rails 7 Active Storage和Vips实现图片中心裁剪？

直接用Vips提供的resize_to_fill方法就能实现需求，它会自动完成缩放（含小图放大）→ 居中裁剪的流程，最终生成指定尺寸的无畸变方形图片，且不会添加额外alpha通道。

修改后的模型代码：

class User < ApplicationRecord
  has_one_attached :picture do |attachable|
    attachable.variant :thumb, resize_to_fill: [400, 400], gravity: 'centre'
  end
end

原代码问题说明 #

• 你同时用了:crop和:resize_and_pad，这两个操作逻辑冲突：resize_and_pad是把图片缩放到不超目标尺寸后用背景填充空白，而:crop => [0,0,400,400]是固定从左上角裁剪区域，完全没用到居中逻辑。
• 原代码未处理小图放大场景，resize_to_fill会自动将小于目标尺寸的图片放大到覆盖400x400，再居中裁剪。

补充细节 #

• gravity: 'centre'保证裁剪以图片中心为基准，也可根据需求换成'north'、'east'等其他方向。
• 原图带alpha通道时变体将保留，原图无alpha则变体也不会额外添加，符合「仅保留原图内容」的要求。

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