ちゃんゆーのブログ

思ったことや、技術系のメモなどを書き残していきます。

Placeholdというダミー画像を生成してくれるサイトが便利

この記事は呉高専エンジニア勉強会 Advent Calendar 2017の13日目の記事です。

ここ最近は友人とメディアを立ち上げていて、そのフロントエンドをゴリゴリ書いています。

emacsについて書こうと思ったのですが、今回は記事書く時間がなかったので、便利なサービスを紹介します。ごめんなさい。

フロントで、とりあえずのダミー画像を用意して、埋め込むことは多いかと思いますが、このPlaceholdというは、ダミー画像を生成してくれる便利なサービスです。

placehold.jp

使い方にもありますが、

http://placehold.jp/{幅}x{高さ}.png

で生成することができます。

https://placehold.jp/150x150.png

https://placehold.jp/150x150.png

https://placehold.jp/1024x128.png

https://placehold.jp/1024x128.png

こんな感じです。

文字サイズやファイルのフォーマットをjpgに変更することもできます。

<img src="https://placehold.jp/150x150.png">

このように、わざわざローカルに画像を落とし込まなくてもダミー画像を配置することができます!

サイトのモックアップワイヤーフレームを作ることがあればぜひ使ってみてください!