10 个优秀的占位图片(Placeholder Image)生成工具

发布于 2019-04-09 19:29:01 字数 6639 浏览 11265 评论 0

在开发网站时,通常需要填充一些图片来预览页面效果,如果没有合适的素材,这时我们就需要占位图片,通过 URL 定制形如 sitename.com/width/height 的地址就可以得到一个随机的占位图片。下面就来细数 10 个优秀的占位图片生成网站。

Placehold.it

快速简单的图像占位符服务。

<img src="http://placehold.it/350x200" />
<img src="http://placehold.it/300/09f/fff.png" />
<img src="http://placehold.it/300&text=placehold.it+rocks!" />

可定制:图片格式、背景颜色、文本、文本颜色、图像尺寸

lorempixel

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

<img src="http://lorempixel.com/350/200" />
<img src="http://lorempixel.com/350/200/sports" />
<img src="http://lorempixel.com/350/200/sports/Dummy-Text" />

可定制:图像分类、文本、图像尺寸、灰度图片

Fake images please?

Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text.

<img src="http://fakeimg.pl/350x200/" />
<img src="http://fakeimg.pl/350x200/ff0000/000" />
<img src="http://fakeimg.pl/350x200/?text=World&font=lobster" />

可定制:背景颜色、文本、文本颜色、图像尺寸、文本字体

{placekitten}

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

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

可定制:图像尺寸、灰度图片

hhhhold!

Never understimate the insanity of user-generated content in your projects again.

<img src="http://hhhhold.com/350x200" />
<img src="http://hhhhold.com/m/w/b" />
<img src="http://hhhold.com/350x200/png" />

可定制:图像尺寸、随机尺寸、图片格式

Instasrc

Instantly get real image placeholders for your development site!

<img src="http://instasrc.com/350x200" />
<img src="http://instasrc.com/350x200/art" />
<img src="http://instasrc.com/350/200/art/greyscale" />

可定制:图像尺寸、图片分类、灰度图片

FPOImg.com

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

<img src="http://fpoimg.com/350x200" />
<img src="http://fpoimg.com/350x200?text=Advertisement" />
<img src="http://fpoimg.com/350x200?text=Advertisement&bg_color=000000&text_color=666666" />

可定制:图像尺寸、背景色、文本色、文本

Dynamic Dummy Image Generator

Dynamic Dummy Image Generator

<img src="http://dummyimage.com/350x200/200/fff" />
<img src="http://dummyimage.com/350x4:3" />
<img src="http://dummyimage.com/350/09f/fff.png" />

可定制:图像尺寸、等比尺寸、背景色、文本色、格式、文本

占位图

占位图生成器

<img src="http://zhanweitu.com/350/200" />

可定制:图像尺寸、文本

The Random Image Generator

用于网页开发和设计的随机图像生成器,不支持在线生成,可定制:图像颜色

功能对比表

图像尺寸背景色文本文本色灰度图片格式其他特点
注:*表示高度可选,缺省时输出正方形
Placehold.it√*gif, jpeg, jpg, png
lorempixel13种图片分类
Fake images please?√*可设置字体
{placekitten}√*图片均为喵星人
hhhhold!√*jpg, png, gif多种尺寸参数,图片来自 ffffound
Instasrc36种图片分类
FPOImg.com
Dynamic Dummy Image Generatorpng, gif, jpg可按比例输出大小
占位图国内网站,速度较快
The Random Image Generator抽象背景,批量生成

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84935 人气
更多

推荐作者

待"谢繁草

文章 0 评论 0

战皆罪

文章 0 评论 0

子英

文章 0 评论 0

爱的十字路口

文章 0 评论 0

孤者何惧

文章 0 评论 0

xi霄xi

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。