• Facebook
  • Twitter
  • RSS
月別
コツコツあつめるWeb作りのためのたね たねっぱ!Web系情報ブログ Webのお役立ちネタ配信中!

ダミー画像を生成できるサービス5選

投稿者アイコン
2019/07/01
書いた人:
rurippa!
カテゴリ:
Web制作   ネタ
23,420 views

ダミー画像を生成できるサービスを紹介します。

ダミー画像を生成できるサービス5選

とりあえずダミーで画像を入れたい!ってこと、よくありますよね?
そんなときに使える、ダミー画像を生成できるサービスを紹介します♪

目次

シンプルなダミー画像

https://placehold.jp

文字や背景のカラー、サイズなど自由に変更できます。

サンプル

		/* 1枚目 */
		<img src="https://placehold.jp/200x200.png" alt="">

		/* 2枚目 */
		<img src="https://placehold.jp/3d4070/ffffff/200x200.jpg" alt="">

		/* 3枚目 */
		<img src="https://placehold.jp/5dab9f/ffffff/200x200.png?text=Images" alt="">

		

Placehold.jp

5つのジャンルから選べる

https://placeimg.com/

5つのジャンル(Animals、Architecture、Nature、People、TECH)から選べます。
グレースケール、セピア調にもできます。

サンプル

		/* 1枚目 */
		<img src="https://placeimg.com/300/200/any" alt="">

		/* 2枚目 */
		<img src="https://placeimg.com/300/200/arch/grayscale" alt="">

		/* 3枚目 */
		<img src="https://placeimg.com/300/200/tech/sepia" alt="">
		

PlaceIMG

ランダムな写真

https://picsum.photos

写真はランダム(好きな画像に固定もできる)で表示され、グレースケール・セピア調・ぼかすこともできます。

サンプル

		/* 1枚目 */
		<img src="https://picsum.photos/300/200" alt="">

		/* 2枚目 */
		<img src="https://picsum.photos/id/237/300/200" alt="">

		/* 3枚目 */
		<img src="https://picsum.photos/300/200/?blur=3" alt="">
		

Lorem Picsum

子猫のダミー画像

http://placekitten.com

子猫の画像オンリーのサイトです。

サンプル

		/* 1枚目 */
		<img src="http://placekitten.com/300/200" alt="">

		/* 2枚目 */
		<img src="http://placekitten.com/g/300/200" alt="">
		

{placekitten}

顔写真のダミー画像

https://uifaces.co/

顔写真をたくさん使いたいときにオススメです。
XDとSketch用のプラグインやAPIも用意されています。

UI Faces

まとめ

いかがでしたか?
わざわざダミー画像を探したり 作るのに手間をかけるより、お手軽にできた方がいいと思いますので、うまくご活用ください♪


この記事を読んだ人はこんな記事も読んでいます