首页 技术 正文
技术 2022年11月19日
0 收藏 658 点赞 4,364 浏览 1265 个字

  设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的。然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局。

  如今,有免费的占位图片自动生成工具可以使用,而不是手动创建这些占位符图像,可以节省我们的时间。这里向大家推荐8款 Web 开发中很实用的占位图片生成工具。

您可能感兴趣的相关文章

Placehold.it

今日推荐:10款在 Web 开发中很有用的占位图片服务

这个占位图片工具功能强大,可以设置图片大小,图像格式(GIF,JPG,PNG),还可以显示文本。

Flickholdr

今日推荐:10款在 Web 开发中很有用的占位图片服务

正如它的名字告诉我们的一样,Flickrholdr 获取的图片来自 Flickr 的庞大的数据库。

除此图像的大小之外,它可以在网址设置标签,这是对于在各个地方使用相关的图像很有用。

lorempixum

今日推荐:10款在 Web 开发中很有用的占位图片服务

lorempixum 是一个特棒的免费服务,您可以生成任何尺寸和几乎任何类别图像(如体育,食品,人等)。

另外,您也可以选择生成彩色的或者灰度的图片。

{placekitten}

今日推荐:10款在 Web 开发中很有用的占位图片服务

Placekitten 占位图片服务,可以显示任意大小的小猫图像。喜欢猫的朋友有福了。

还有一个 jQuery 插件,可以方便的动态改变任何的图像占位符。

 

Dynamic Dummy Image Generator

今日推荐:10款在 Web 开发中很有用的占位图片服务

DummyImage.com 是另外一个占位符生成工具,有很多的自定义选项,

包括大小,颜色,文字,多种文件类型和大小预设。而且,它是一个开源的脚本。

 

nosrc.net

今日推荐:10款在 Web 开发中很有用的占位图片服务

一个简单的占位符工具,你只能够定义宽度和高度。此外,这个脚本也是开源的。

FPOImg.com

今日推荐:10款在 Web 开发中很有用的占位图片服务

又是一个简单的占位内容生成工具,除了尺寸,您可以设置显示文本内容。

IpsumImage

今日推荐:10款在 Web 开发中很有用的占位图片服务

IpsumImage 是一个托管在 Google App Engine 的,基于 Python 实现的占位工具。

这款工具可以帮助你自定义内容区域的大小,背景,前景颜色和要显示的文本。

flickrBomb

今日推荐:10款在 Web 开发中很有用的占位图片服务

一个简单的和智能的解决方案,从 Flickr 获得任意大小的图像。

只需把这个 jQuery 插件插入到您的网页,使用下面的方式调用即可:

<img src="flickr://Kevin Bacon" width="175px" height="175px">

lowersrc

今日推荐:10款在 Web 开发中很有用的占位图片服务

这个服务遵循一种不同的实现方法,需要 JavaScript 支持。不需要定义图像源,但简单地增加一个特定的类。

除了大小,颜色和文字之外,你还可以设置图像显示为矩形或圆形。

您可能感兴趣的相关文章

本文链接:推荐8款 Web 开发中很实用的占位图片生成工具

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

hide

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,999
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,511
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,357
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,140
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,770
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,848