問題一覧に戻る
上級ファイル処理と検索
問題56: 画像処理 - ImageMagick/libvips連携

ImageMagickまたはlibvipsを使用してActive Storageで画像を処理する方法を学習します。サムネイルの作成、画像のリサイズ、フォーマット変換、変換の適用をオンザフライで行います。これは様々なサイズで最適化された画像を配信する必要がある最新のWebアプリケーションに不可欠です。

# Gemfile
# 画像処理gemを追加
gem ''

# サムネイルバリアントを作成
user.avatar.variant( [300, 300])

# 複数サイズのバリアントを定義
def avatar
  (resize_to_limit: [100, 100])
end

# 処理された画像を表示
<%= image_tag @post.image.(resize_to_fill: [800, 400]) %>