コーディングをしているとき、サムネイルや仮画像などの「あとで差し替える」系の画像、これを用意するのがとてもめんどくさい。
そこで、自由に画像サイズを設定できて、簡単に使えるダミー画像作成サービス「Placehold.jp」のご紹介。
ダミー画像の作り方
使い方はとても簡単。html内に
1 |
<img src="http://placehold.jp/150x50.png"> |
と書くだけで、下のような画像を表示させることができます。会員登録もいりません。無料で使えます。
数値を変えればサイズを変更できるのはもちろん、色や文字色を変えることも可能。
1 |
<img src="http://placehold.jp/24/cc9999/993333/150x100.png"> |
何気に、ぱっと見で画像サイズがわかるのは地味に便利。サムネイルサイズを設定するときや、差し替え画像を用意するとき、すぐわかりますからね。
小技
実は、この画像、ダウンロードして使うこともできます。
画像のsrcにアクセスしてみましょう。
http://placehold.jp/24/cc9999/993333/150×100.png
以上、現場からでした。
Placehold.jpへはこちらから。
それじゃ、バイバイ!