Home –  ウェブ製作 – 9つのプレースホルダー(ダミー画像)ジェネレータ

9つのプレースホルダー(ダミー画像)ジェネレータ


kitten-top

画像が出来上がっていない部分に一時的にダミー画像を使うことで、画像の完成を待つことがなくなり、効率的なWeb制作ができます。とことで、いくつかのプレースホルダージェネレータを紹介します。

1. lorempixel

http://lorempixel.com/
http://lorempixel.com/400/200
→400 x 200 のランダム画像
↓サンプル <img src=”http://lorempixel.com/400/200/” >

2. Cambelt

http://cambelt.co/
http://cambelt.co/400×200
→400 x 200 の画像
↓サンプル
<img src="http://cambelt.co/400x200” />

3. DummyImage.com

http://dummyimage.com/
http://dummyimage.com/400×200/000000/ffffff.jpg
→400 x 200 の背景色000,文字色fffの画像
↓サンプル
<img src=”http://dummyimage.com/400x200/000000/ffffff.jpg” />

4. FPOImg.com

http://fpoimg.com/
http://fpoimg.com/400×200/Dummy-text
→400 x 200 の文字をDummy-textと入れた画像
↓サンプル
<img src=”http://fpoimg.com/400x200/Dummy-text” />

5. Ipsum Image

http://ipsumimage.appspot.com/
http://ipsumimage.appspot.com/400×200
→400 x 200 の画像
↓サンプル
<img src="http://ipsumimage.appspot.com/400x200” />

6. flickholdr.com

http://flickholdr.com/
http://flickholdr.com/400/200/
→400 x 200 のFlickrの写真画像
↓サンプル
<imgsrc="http://flickholdr.com/400/200/” />

7. Placehold.it

http://placehold.it/
http://placehold.it/400×200
→400 x 200 の画像
↓サンプル
<imgsrc=”http://placehold.it/400×200" />

8. {placekitten}

http://placekitten.com/
http://placekitten.com/400/200
→400 x 200 の子猫の画像
↓サンプル
<imgsrc=”http://placekitten.com/400/200″ />

9. PlaceDog.com – The Dog Lovers Placeholder Art

http://placedog.com/
http://placedog.com/400/200
→400 x 200 の犬の画像
↓サンプル
<imgsrc="http://placedog.com/400/200" />

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA