More than 3 years have passed since last update.


テーマ


あとで作る画像をとりあえず仮で速攻作る - @akicho8



PLACEHOLD.IT



  • http://placehold.it/[画像サイズ]で必要なサイズの仮画像を取り寄せられる。


使用例

画像サイズを指定。

<img src="http://placehold.it/350x150">

さらに背景色、文字色、表示したい文も指定できる。

<img src="https://placehold.it/350x150/8ad5f0/08088A?text=Hello+world!">


ImageMagick


  • ターミナルでconvertコマンドにより、ダミー画像ファイルを作ることが可能。


使用例

$ convert -background '#ccc' -fill '#555' -size 350x150 -gravity center -font Helvetica -pointsize 32 label:"Hello world\!" temporary.png

temporary.png


Rails用ヘルパーメソッド - placehold_img_tag


  • コーディングの練習を兼ねて作成。


  • PLACEHOLD.ITのラッパー。


/app/helpers/application_helper.rb

def placehold_img_tag(options={})

opts = { dimension: "350x150", background_color: "ccc", text_color: "555", text: "" }.merge(options)
image_tag("https://placehold.it/#{opts[:dimension]}/#{opts[:background_color]}/#{opts[:text_color]}?text=#{opts[:text].tr(" ", "+")}")
end


使用例


index.html.haml

= placehold_img_tag dimension: "600x450", background_color: "abc", text_color: "567", text: "Hello world"