LoginSignup
24
27

More than 5 years have passed since last update.

PaperClipのstyleで指定する記号の意味

Posted at

PaperClipのstyleで指定する記号の意味

画像アップロード用GemにPaperClipがあります。

has_attached_file :value, styles: { large: "2048x<", medium: "1024x768", thumb: "100x100>" }

と書くだけでファイルを保存できるようになるスグレモノです。

style にリサイズのオプションをいろいろ渡せるみたいだったのでまとめ。

縦横比を保持せず強制的に100px × 100pxにリサイズする

has_attached_file :value, styles: { medium: "100x100!" }

縦横比を保持したまま、100px × 100pxに納まる最大サイズでリサイズする

has_attached_file :value, styles: { medium: "100x100" }

縦横比を保持したまま、横100pxにリサイズする

has_attached_file :value, styles: { medium: "100x" }

縦横比を保持したまま、縦100pxにリサイズする

has_attached_file :value, styles: { medium: "x100" }

元画像が横100pxよりも大きいときだけ、縦横比を保持したまま、横100pxにリサイズする

has_attached_file :value, styles: { medium: "100x>" }

元画像が縦100pxよりも大きいときだけ、縦横比を保持したまま、縦100pxにリサイズする

has_attached_file :value, styles: { medium: "x100>" }

元画像が100px × 100pxよりも大きいときだけ、縦横比を保持したまま、100px × 100pxに納まる最大サイズでリサイズする

has_attached_file :value, styles: { medium: "100x100>" }

元画像が横300pxよりも小さいときだけ、縦横比を保持したまま、横300pxにリサイズする

has_attached_file :value, styles: { medium: "300x<" }

元画像が縦300pxよりも小さいときだけ、縦横比を保持したまま、縦300pxにリサイズする

has_attached_file :value, styles: { medium: "x300<" }

元画像が300px × 300pxよりも小さいときだけ、縦横比を保持したまま、300px × 300pxより大きい最小サイズでリサイズする

has_attached_file :value, styles: { medium: "300x300<" }

縦横比を保持したまま、元のサイズの50%にリサイズする

has_attached_file :value, styles: { medium: "50%" }
24
27
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
24
27