CarrierWave中的resize_to_fill,resize_to_fit和resize_to_limit

使用CarrierWave對Rails項目中的圖片進行處理，resize_to_fill, resize_to_fit和resize_to_limit的區別經常容易忘記，本文就以圖文實驗的方式直觀的記錄其不同之處。

實驗原圖：

• 大小：1.1M
• 尺寸： 964*650
  

實驗代碼：

  version :fill do
    process :resize_to_fill => [250, 250]
  end

  version :fit do
    process :resize_to_fit => [250, 250]
  end

  version :limit do
    process :resize_to_limit => [250, 250]
  end

處理結果如下

resize_to_fill

注：使用resize_to_fill時長寬必須同時指定，否則報錯如下：

resize_to_fit

resize_to_limit

從以上效果圖可以清楚的看到，resize_to_fill會依照設定進行剪裁（取圖片中間部分），而resize_to_fit與resize_to_limit則保持原圖比例不變。