【写真が使える】ダミー画像生成サイトまとめ

モックやページテンプレートのコーディングの際に重宝するのがダミー画像生成サービスですね。
いつもはシンプルなグレー画像を使っているのですが、写真のダミー画像を使ってみたところとてもよかったのでご紹介します。
写真が入っているとサイトの完成形をイメージし易くて良い感じです。特に写真メインのサイトやメインビジュアルなどで使用すると映えるのでおすすめですよ。

Lorem Picsum

とにかくどの写真も綺麗でおすすめです。 フィルターもグレースケールとぼかしが可能。
また、リストから写真を選んで固定表示させることも可能なのでとても便利です。
基本コードは以下の通り。

<img src="https://picsum.photos/200/300">

PlaceIMG

「動物」「建築」「自然」「人物」「テクノロジー」のカテゴリーで絞ることが可能です。
サイトのテーマに合わせて選択できるので便利ですね。
基本コードは以下の通り。

<img src="https://placeimg.com/640/480/any">

placekitten

猫好きの方にはこちら！グレースケールにすることが可能です。
基本コードは以下の通り。

<img src="http://placekitten.com/200/300">

Placehold.jp

写真ではないですがいつもお世話になっているので併せてご紹介。
国産のダミー画像生成サイトです。基本コードは以下の通り。

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

オプションで色や画像内のテキストも変更できます。

http://placehold.jp/{文字色}/150x100.png
http://placehold.jp/{背景色}/{文字色}/150x100.png
http://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png
http://placehold.jp/250x50.png?text={表示したい文字列}
http://placehold.jp/250x50.png?&css={JSON化したCSSパラメータ文字列}