菜鸟笔记

Menu

为网页设计提供图片占位服务的几个国外网站

之前做项目的时候,总是会遇到这样的一些小问题,例如:网站上要用到一些图片的地方,因为是测试,所以图片可能会暂时没有。但是用纯色看起来又太不美观了,就网上四处找图片,然后再把找到的图上裁剪成合适的大小。这个过程虽然看起来很短,但是还是要占用一定的时间的。于是,专门提供图片占位服务的网站就出现了!用过之后才知道原来之前到处找图片是多么愚昧的行为! 下面的这几个网站所提供的服务都是一样的。但是获得的图片是不同的,可以根据自己的爱好来选择。

PlaceKitten 这个网站把会把形态各异的猫展示在你的网页上面。

菜鸟笔记

测试图片一

菜鸟笔记

测试图片二

调用方法:

<img src="http://placekitten.com/430/200" />

<!-- 获取黑白的照片 -->

<img src="http://placekitten.com/g/430/200" />

Placehold.it  一个快速获取你所需要的图片尺寸的的网站,为什么是快速呢?因为它并不是一张生动的图片,只是简单的颜色和文字而已~(PS:不支持中文)

菜鸟笔记

测试图片一

菜鸟笔记

测试图片二

菜鸟笔记

测试图片三

菜鸟笔记

测试图片四

测试图片五

测试图片六

调用方法:

<img src="http://placehold.it/430x200"> <!-- 设置颜色 -->

<img src="http://placehold.it/430x200/292929/e3e3e3">

<!-- 添加文字 -->

<img src="http://placehold.it/350x150&text=Hello World">

<!-- 设置图片类型 -->

<img src="http://placehold.it/430x200.png&text=Hello World">

<img src="http://placehold.it/430x200.png/f60/fff/&text=Hello World">

<img src="http://placehold.it/430x200.png/4f4f4f/8e8e8e/&text=Hello World">

LoremPixum  每加载一次就会变换一张不同的图片!还可以自定义图片的风格,例如:city,food,fashion,sports等。

菜鸟笔记

测试图片一

菜鸟笔记

测试图片二

菜鸟笔记

测试图片三

调用方法:

<!-- 最简单的调用 -->

<img src="http://www.lorempixum.com/400/200" alt="菜鸟笔记" />

<!-- 黑白 -->

<img src="http://www.lorempixum.com/g/400/200" alt="菜鸟笔记" />

<!--标签 -->

<img src="http://www.lorempixum.com/g/400/200/fashion" alt="菜鸟笔记" />

PlaceDog 看名字就应该知道,这是狗的世界。 调用方法:

<img src="http://placedog.com/400/200" alt="菜鸟笔记" />

<-- 黑白 -->

<img src="http://placedog.com/g/400/200" alt="菜鸟笔记" />

— 于 共写了1897个字
— 文内使用到的标签:

13条回应:“为网页设计提供图片占位服务的几个国外网站”

  1. 南寻说道:

    上面那几张图貌似挂了。。

  2. 秀爱女性网说道:

    还算很不vu偶的

  3. 说道:

    <script>不错</script>

  4. 秀爱女性网说道:

    说的很不错的。。。

  5. tiandi说道:

    有图片就有加载速度的问题,虽然美观了。。。。

  6. 雅安地震我们作为站长的 需要捐钱吗? 博主怎么看?

  7. eeg平台说道:

    楼主经验之谈,分析很到位啊,让人受益匪浅!楼主加油!!

  8. 芬狄诗说道:

    这个太有用了,我之前怎么没想到还 有这样的东西,省得切图

发表评论

电子邮件地址不会被公开。 必填项已用*标注