Web开发中的图片占位符API

chenglu

应用场景：为企业客户做开发的时候，用图片占位符表示此区域的图片是多大。
利用好他们，会使得你的web页面看起来更棒，下面就带你细数一下提供图片占位符的网站。

萌猫占位符

网址：http://placekitten.com/
调用方式：<img src="http://placekitten.com/200/300” />
或者 <img src="http://placekitten.com/g/200/300” />
会生成一只喵咪，但是如果图片过窄，猫猫只能被显示出来一小部分。网站基于cloudflare免费版，在这样的大环境下，可能会造成一些问题。
与萌猫占位符一样，
placedog.com（狗狗占位符－基于AWS，墙）
lorempixel.com （风景占位符，德国服务器，无CDN）
placeape.com（猿猴占位符，美国服务器，无CDN）
placeskull.com（骷髅头占位符，德国服务器，无CDN，竟然跟lorempixel都是一IP段的…）
placebear.com （熊占位符，dreamhost服务器，无CDN）
以上的调用方式与萌猫的调用方式一致~

除了有内容的占位符之外，还有纯色块儿的占位符API们：
fakeimg

网址： http://fakeimg.pl/
调用方式：
<img src="http://fakeimg.pl/300/">   300x300的灰色色块
<img src="http://fakeimg.pl/250x100/"> 250x100的灰色色块
<img src="http://fakeimg.pl/250x100/ff0000/"> 250x100的ff0000色色块
<img src="http://fakeimg.pl/350x200/ff0000/000"> ff0000是背景色，000是文字的颜色
<img src="http://fakeimg.pl/350x200/?text=Hello"> 350x200的一个灰色色块上有Hello的文字
<img src="http://fakeimg.pl/350x200/?text=World&font=lobster"> 自定义了字体的350x200的灰色色块
使用Python开发，开源，服务器使用cloudflare进行反向代理。

dummyimage
网址：http://dummyimage.com/
服务器运行在Dreamhost，可以在线调整配置，那就不过多介绍了，可以调整图片格式，jpg/png等。

以上，内容为原创整理，无版权，欢迎转载，请注明from ChinaGDG.com