在开发网站时，经常需要填充一些图片来预览页面效果，如果设计没有提供的素材，这时我们就需要占位图片，通过 URL 定制形如 placehold.it/300/200 的地址就可以得到一个占位图片。下面就来细数 10 个优秀的占位图片生成网站。

Placehold.it

A quick and simple image placeholder service.

特点：老牌服务，支持 HTTPS
可定制：尺寸、颜色、文字、格式

• http://placehold.it/300x200

• http://placehold.it/300x200/09f/fff.png

• http://placehold.it/300&text=C7SKY.COM

lorempixel

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

特点：图片分类丰富
可定制：尺寸、图片分类、文字、灰度图

• http://lorempixel.com/300/200

• http://lorempixel.com/300/200/sports

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162536_16133.

Fake images please?

Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text. Oh… and it’s free.

特点：可指定字体
可定制：尺寸、颜色、文字、字体

• http://fakeimg.pl/300x200

• http://fakeimg.pl/300x200/333/EEE/

• http://fakeimg.pl/300/?text=C7SKY.COM&font=lobster

{placekitten}

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

特点：喵控必备
可定制：尺寸、灰度图

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162539_91823.jpeg

• http://placekitten.com/g/300/200

FPOImg.com

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

特点：尺寸和文字共同显示
可定制：尺寸、颜色、文字

• http://fpoimg.com/300x200

• http://fpoimg.com/300x200?bg_color=333&text_color=EEE

• http://fpoimg.com/300?text=C7SKY.COM

Dynamic Dummy Image Generator

Dynamic Dummy Image Generator

特点：可设定图片比例
可定制：尺寸、等比图、颜色、格式、文字

• http://dummyimage.com/300x200

• http://dummyimage.com/300x4:3

• http://dummyimage.com/300x200/333/EEE.png

• http://dummyimage.com/300/&text=C7SKY.COM

PlaceIMG

Placeholder images for your project in progress. Custom URLs generate placeholder pictures in various sizes with categories and effects.

特点：支持棕褐色图

可定制：尺寸、图片分类、灰度图、棕褐色图

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162542_45886.jpeg

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162542_45886.jpeg/nature

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162542_45886.jpeg/nature/sepia

Unsplash it

Beautiful placeholders using images from unsplash

特点：图片来自高质量图库 Unsplash

可定制：尺寸、指定图片、模糊图片

• https://unsplash.it/300/200

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162553_94009.jpeg

• https://unsplash.it/300/200?image=7

• https://unsplash.it/300/200/?blur

temp.im（国内）

im temp placeholder images, feel free to use it anywhere. (with https supported)

特点：国内速度快
可定制：尺寸、颜色

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162600_16745.

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162600_16745./333/EEE

placeholder.cn（国内）

Quick and simple image placeholders

特点：国内速度快
可定制：尺寸、颜色

• http://placeholder.cn/300

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162600_25427.png

• http://www.ibloger.net/zb_users/upload/2016/09/20160910162600_25427.png/333/EEE

综合对比：

除了上面的几个，在分享两个

http://placeholder.duapp.com/

还能生成随机背景的图片，访问速度貌似是最快的

http://www.66tools.com/WebTools/placeHolder.html

国内比较稳定的占位图生成工具网站 

未经允许请勿转载：程序喵 » 10 个优秀的占位图服务