占位符

前端做静态页面的时候,经常会遇到图片占位的问题。若要遇到各种尺寸的图片,还要去切各种尺寸,十足很疼!所以下面给大家分享几个工作中用的图片占位:

1
2
3
http://lorempixum.com/400/200,400x200的随机图片
http://lorempixum.com/g/400/200,400x200的随机灰度图片
http://lorempixum.com/400/200/sports,400x200的随机体育类图片
1
2
http://dummyimage.com/qvga
http://dummyimage.com/skyscraper/f0f/f
1
http://placebox.es/150/150/d97f19/f1f1f1/
1
2
http://placehold.it/350x150
http://placehold.it/350x150/ff0
1
2
3
4
5
6
7
http://fakeimg.pl/300
http://fakeimg.pl/250x100
http://fakeimg.pl/250x100/ff0000
http://fakeimg.pl/350x200/ff0000/00
http://fakeimg.pl/350x200/ff0000,128/000,25
http://fakeimg.pl/350x200/?text=Hell
http://fakeimg.pl/350x200/?text=World&font=lobste

That’s all!

分享到: