ブログのアイキャッチ画像が見つからないときに簡単に画像を用意する方法

いつの間にか、Web上の記事にはイメージ画像とかアイキャッチ画像が必須になっています。
Facebook や Twitter でシェアされた際、画像付きと画像無しとでは見た目が変わってきますからね。

でも、ブログの記事を書くとき、このアイキャッチ画像を探すのって結構時間かかりませんか？
このブログの場合、フリーの写真素材サイト、写真AC

写真素材なら「写真AC」無料（フリー）ダウンロードOK

無料写真素材を提供する「写真AC」のフリー写真素材は、個人、商用を問わず無料でお使いいただけます。クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素材としてお使いください。

から写真を検索して使わせてもらっているパターンが多いのですが、たまに思ったような画像を見つけられないときがあります。

そんな時に使えるのが「ダミー画像生成モック用画像作成」のWebサービス Placehold.jp

placehold.jp | 簡単！ダミー画像作成

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

この Placehold.jp Webページ制作の仕事の時にも、まだ準備されていない画像の代替えとしてよく使わせてもらっています。
例えば

と書くと

こんな風に表示されます。
想定しているサイズの画像の代替えとしてとっても手軽に使えるんですよね。

さらに画像の中の文字列も変更ができます
Placehold.jp Examples 5

と書くと

こんな感じ。

さらにはPlacehold.jp｜ダミー画像生成モック用画像作成を使うと、画像サイズ、文字列、背景色、文字色、文字サイズだけでなく、CSSで指定した効果も使えるんです。

ということで、この記事のアイキャッチ画像は

https://placehold.jp/3d4070/ffffff/600x400.png?text=placehold&css=%7B%22background%22%3A%22%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20from(%23666666)%2C%20to(%23cccccc))%22%7D

で作ってみました。

これで、FacebookやTwitterにシェアしたとき、ちゃんと画像が表示される・・・かな？

背景色や文字効果などCSSで指定したら、もっとそれらしいアイキャッチ画像ができそうです。