仮画像(モック画像)生成サービスが地味に便利

HTML / CSS
この記事は約1分で読めます。
スポンサーリンク

サイトをコーディングしていく時、ひとまず仮の画像を使いたい時が結構あるので、そういう時ヘビーユースしているサイトの紹介。

placehold.jp

placehold.jp | 簡単!ダミー画像作成
簡単!ダミー画像生成、モックアップ用画像作成ツール。文字やサイズ、メモを入れた仮の画像を簡単に作成できます。

画像の縦サイズと横サイズを入力して「画像を生成」ボタンを押すだけという、超簡単仕様。
あとはこれを<img>タグなりcssでbackground-imageで呼び出すなりすればOK

しかもサイズを変えたいときは都度生成しなくても、画像名の数値部分を変えればそのサイズで画像を呼び出せる。

例:http://placehold.jp/150×150.png → http://placehold.jp/300×200.png

とかにすれば300px × 200pxの画像が表示される

他にもオプションで色を変えたり、画像に書かれている文言(デフォルトではピクセル数)を好きな文言に変えたりもできる。

コメント

タイトルとURLをコピーしました