Placeholder.comを使ってみる

お久しぶりです。近況はまた書くとして、久々に記事を書きます。

ウェブ制作を進めていると、プレースホルダ画像が手間になりますよね。

そんなか役に立つのが、「Placeholder.com」です。

アドレスを指定するだけで、プレースホルダ画像を自動で作成してくれます。

サイズだけでなく、色・テキスト・フォーマットまでも設定できます。

使い方

使い方は簡単です。

ベースは

http://via.placeholder.com/{横px}x{縦px}

<img> のソースに選びます。

ベースは

例えば、

http://via.placeholder.com/120x50ですと、


というふうに、

http://via.placeholder.com/120ですと、

というふうに、一辺の長さのみを入れると正方形が表示されます。

色を決める

http://via.placeholder.com/{横px}x{縦px}/{背景コード}/

のように、サイズ指定後HEXカラーコードを入れることで色指定ができます。

http://via.placeholder.com/120/ff0000ですと、

という感じで、簡単に色指定することができます。

コメントを残す