10 个优秀的占位图片(Placeholder Image)生成工具 - 文章教程

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

发布于 2019-04-09 字数 7070 浏览 8482 评论 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!" />

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

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

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" />

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

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

{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" />

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

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

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" />

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

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

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" />

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

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

占位图

占位图生成器

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

可定制:图像尺寸、文本

The Random Image Generator

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

功能对比表

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

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

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

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

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

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0