2个优秀的网页图片占位符服务

有时候我们制作网页时或者做演示的demo或许暂时没有合适的图片,这个时候如果我们留空页面会变得空旷不足,影响整个效果,当然我们不能那样,我们可以找个提供占位符的网站,使用他们提高的占位符服务来弥补页面缺陷。以下服务都支持任意参数均为宽乘以高

图片占位符随机自动获取猫的图片

http://fpoimg.com/

placekitten.com 宽640X高289

1
<img src="http://placekitten.com/640/289" />

特点:不同的尺寸会调出不同的图像,这样不会让你页面单调


浅灰色背景,可加文字的图片占位符

http://placekitten.com/

placekitten.com 宽640X高500

图片占位符纯色背景带文字版代码:

1
<img src="http://fpoimg.com/640x280?text=This+is+a+very+good+the+Web+Images+placeholder+service" alt="placekitten.com 宽640X高280"/>

图片占位符纯色背景无文字版代码:

1
<img src="http://fpoimg.com/640x380" />

特点:支持定义背景及文字色彩

具体定义方法

定义文字:text=yijile.com

不支持中文

定义背景色:bg_color=C90000

颜色为16进制数值

定义文字色彩:text_color=6E0101

颜色为16进制数值

第一个值要在前面加个“?”多个值要在前面一个值后面加“&”如下:

带背景色带文字的图片占位符

1
<img src="http://fpoimg.com/640x200?bg_color=C90000&text_color=6E0101&text=yijile.com+'blog" />

纯文字图片占位符特别说明

为保证稳定性和可以令markdown识别,文字中的空格请用+号代替

更多提供图片占位服务的网站:

http://placehold.it/
通过Jquery按关键字获取flickr图片
本文通过markdown书写