推荐几种占位图生成工具，包含dummyimage、placehold和placekitten等

内容介绍

  推荐几种占位图生成工具，包含dummyimage、placehold和placekitten等。

一、dummyimage

1. 备注
   dummyimage（支持 png、jpg、jpeg 和 gif 格式）
2. 模板
   http://dummyimage.com/宽度x高度/背景色/前景色.图像格式&text=显示文本
3. 示例
   http://dummyimage.com/320x100/999999/ff4400.png&text=EXAMPLE

二、placehold.it

1. 备注
   placehold.it（支持 png、jpg、jpeg 和 gif 格式）
2. 模板
   http://placehold.it/宽度x高度/背景色/前景色.图像格式&text=显示文本
3. 示例
   http://placehold.it/320x100/999999/ff4400.png&text=EXAMPLE

三、fpoimg

1. 备注
   fpoimg（等同于dummyimage，仅支持png格式）
2. 模板
   http://fpoimg.com/宽度x高度?text=显示文本&bg_color=背景色&text_color=文本颜色
3. 示例
   http://fpoimg.com/320x100?text=EXAMPLE&bg_color=999999&text_color=ff4400

四、placehold.jp

1. 备注
   placehold.jp（支持 png、jpg 格式）
2. 模板
   http://placehold.jp/文字大小/背景色/前景色/宽度x高度.图像格式?text=文本
3. 示例
   http://placehold.jp/48/999999/ff4400/320x100.png?text=EXAMPLE

五、placekitten

1. 备注
   placekitten（各种猫，含灰度图）
2. 模板
   http://placekitten.com/g(灰度图——可选)/260/200
3. 示例
   http://placekitten.com/260/200
   http://placekitten.com/g/260/200

六、placeimg

1. 备注
   placeimg（五个分类：animals、arch、nature、people、tech 两种图像颜色：grayscale,sepia）
2. 模板
   http://placeimg.com/宽度/高度/图片种类/图像颜色
3. 示例
   http://placeimg.com/220/140/tech/sepia
   http://placeimg.com/220/140/people/grayscale

七、lorempixel

1. 备注
   lorempixel（十三个分类：avatar、imageUrl、abstract、animals、business、cats、city、food、nightlife、fashion、people、nature、sports）
2. 模板
   http://lorempixel.com/220/200/图片分类/
3. 示例
   http://lorempixel.com/220/200/avatar/

八、unsplash.it——随机图

1. 备注
   unsplash.it（设置宽度和高度记得获得一个随机图像或模糊图像）
2. 模板
   https://unsplash.it/宽度/高度?random
3. 示例
   https://unsplash.it/1600/900?random

---

注

•   宽高中间的符号为小写"x"，不是乘号。
•   占位图加载较慢，建议优先使用前五种。

---

标签：占位图，dummyimage，placehold，placekitten

---

更多演示案例，查看 案例演示

---

欢迎评论留言!