🥚

画像ファイルが重い時のリサイズの記述

2023/11/07に公開

Ruby on RailsでSeedファイルに張り切ってたくさん画像を入れてしまい、動作確認したいのにページのリロードに時間かかりすぎ問題が発生。
画像の大きさに制限をかけることで、画像の容量をおさえられることを勉強しました!

方法は、画像のコードに
.variant(resize_to_limit: [サイズ, サイズ]).processed)
とつけるだけです。

例えばuserのプロフィール画像(profile_image)を表示させたい時は、こんな感じになります。

<%= image_tag(user.profile_image.variant(resize_to_limit: [50, 50]).processed) %>

これで、画像がたくさん載っているuser一覧ページも、秒で表示できるようになりました!
(表示待ち中にトイレに立って帰ってこなくなる現象も解決…)
メンターさんに教えていただきました。ありがとうございました!

Discussion