优秀的占位图片（Placeholder Image）生成工具

在开发网站时，通常需要填充一些图片来预览页面效果，如果没有合适的素材，这时我们就需要占位图片，通过 URL 定制形如 sitename.com/width/height 的地址就可以得到一个随机的占位图片。下面就来细数10个优秀的占位图片生成网站。

Placehold.it

A quick and simple image placeholder service.

<img src="http://placehold.it/350x200" />
<img src="http://placehold.it/300/09f/fff.png" />
<img src="http://placehold.it/300&text=placehold.it+rocks!" />

可定制：图片格式、背景颜色、文本、文本颜色、图像尺寸

lorempixel

Placeholder Images for every case. Webdesign or Print. Just put a custom url in your html and you receive a proper placeholder picture

<img src="http://lorempixel.com/350/200" />
<img src="http://lorempixel.com/350/200/sports" />
<img src="http://lorempixel.com/350/200/sports/Dummy-Text" />

可定制：图像分类、文本、图像尺寸、灰度图片

Fake images please?

Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text.

<img src="http://fakeimg.pl/350x200/" />
<img src="http://fakeimg.pl/350x200/ff0000/000" />
<img src="http://fakeimg.pl/350x200/?text=World&font=lobster" />

可定制：背景颜色、文本、文本颜色、图像尺寸、文本字体

{placekitten}

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code.

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

可定制：图像尺寸、灰度图片

hhhhold!

Never understimate the insanity of user-generated content in your projects again.

<img src="http://hhhhold.com/350x200" />
<img src="http://hhhhold.com/m/w/b" />
<img src="http://hhhold.com/350x200/png" />

可定制：图像尺寸、随机尺寸、图片格式

Instasrc

Instantly get real image placeholders for your development site!

<img src="http://instasrc.com/350x200" />
<img src="http://instasrc.com/350x200/art" />
<img src="http://instasrc.com/350/200/art/greyscale" />

可定制：图像尺寸、图片分类、灰度图片

FPOImg.com

provide an easy way to generate placeholder images for your designs whether it be for web development, print, or a school paper

<img src="http://fpoimg.com/350x200" />
<img src="http://fpoimg.com/350x200?text=Advertisement" />
<img src="http://fpoimg.com/350x200?text=Advertisement&bg_color=000000&text_color=666666" />

可定制：图像尺寸、背景色、文本色、文本

Dynamic Dummy Image Generator

Dynamic Dummy Image Generator

<img src="http://dummyimage.com/350x200/200/fff" />
<img src="http://dummyimage.com/350x4:3" />
<img src="http://dummyimage.com/350/09f/fff.png" />

可定制：图像尺寸、等比尺寸、背景色、文本色、格式、文本