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

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

您可能感兴趣的相关文章

Placehold.it

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

Flickholdr

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

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

lorempixum

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

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

{placekitten}

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

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

 

Dynamic Dummy Image Generator

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

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

 

nosrc.net

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

FPOImg.com

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

IpsumImage

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

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

flickrBomb

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

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

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

lowersrc

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

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

您可能感兴趣的相关文章

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

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

hide

今日推荐：10款在 Web 开发中很有用的占位图片服务的更多相关文章

  1. Web 开发中很实用的10个效果【附源码下载】

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  2. Web 开发中很实用的10个效果

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...

  3. 转：Web 开发中很实用的10个效果【附源码下载】

    原文地址:http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html 在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多 ...

  4. 分享20款移动开发中很有用的 jQuery 插件

    今天,很显然每个网站都需要有一个移动优化的界面以提高移动用户的使用体验.在开发任何移动项目时,要尽可能保持每一种资源尺寸都尽可能的小,以给最终用户提供一个好的体验是非常重要的.在这篇文章中我们已经编制 ...

  5. Web 开发中很实用的效果【源码下载】

    网页特效下载 引用地址:http://www.yyyweb.com/350.html 超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合.我们已经在示例中罗列了一组动画,可以被应 ...

  6. 在网站开发中很有用的8个 jQuery 效果【附源码】

    jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 JavaScript 的方式.它简化了 HTML 文档遍历,事件处理,动画和 Ajax 交互,而且有成千上万的成熟 jQuer ...

  7. 转：在网站开发中很有用的8个 jQuery 效果【附源码】

    原文地址:http://www.cnblogs.com/lhb25/p/amazing-jquery-effects.html jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 ...

  8. Bootstrap进阶五：Web开发中很实用的交互效果积累

    1.页面切换效果 我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果.  2.视差滚动(parallax-slider) 视差滚动(parallax-slider)已 ...

  9. 网站开发中很有用的几个 jQuery 地图插件

    下面提到的 jQuery 地图插件不仅仅是提供一个简便的方式来安装一个地图,如果你想在它们之间选择一个放到你的网站上,那么它们还有更多的额外选项来提供更多更全面的功能.大部分的 jQuery 地图插件 ...

随机推荐

  1. 12步创建高性能Web APP

    现在,Web App 日益重视用户的交互体验,了解性能优化的方式则可以有效提高用户体验.阅读和实践下面的性能优化技巧,可以帮你改善应用的流畅度.渲染时间和其他方面的性能表现. 概述 对 Web App ...

  2. codeforce Pashmak and Buses(dfs枚举)

    /* 题意:n个同学,k个车, 取旅游d天! 要求所有的学生没有两个或者两个以上的在同一辆车上共同带d天! 输出可行的方案! 对于d行n列的矩阵,第i行第j列表示的是第i天第j个同学所在的车号! 也就 ...

  3. 深入解读A/B 测试的统计学原理

    了解一些统计学知识对正确地进行 A/B 测试和研判试验结果是很有帮助的,本篇文章深入介绍了A/B 测试的原理和背后的统计学依据.完全理解本文中提到的数学计算需要你掌握概率方面的一点基础知识. 统计学在 ...

  4. TortoiseSVN安装以及淘宝 TAE SDK 开发环境的搭建

    一.TortoiseSVN 的下载和安装 1.进入TortoiseSVN 官网下载地址http://tortoisesvn.net/downloads.html,根据自己的操作系统位数下载相应最新版本 ...

  5. Magic CSS3 – 创建各种神奇的交互动画效果

    Magic CSS3 Animations 动画是一个独特的 CSS3 动画特效包,你可以自由地使用您的 Web 项目中.只需简单的在页面上引入 CSS 样式: magic.css 或者压缩版本 ma ...

  6. Screenfly – 各种设备的屏幕和分辨率下快速测试网站

    Screenfly 让你能够在各种设备的屏幕和分辨率下查看你的网站.输入网址,并点击GO开始浏览网页.Screenfly 可以使用代理服务器来模拟设备,当您查看您的网站,代理服务器模仿您所选择的设备的 ...

  7. c# 游戏策划配置工具

    该工具是提供策划配置excel数据,导出到mysql数据库,以及生成xml文件,和对应的xml解析实体类 实现了程序 excel 列名 ID =P 表示ID这列是唯一字段 =S=300 表示这列类型是 ...

  8. Java魔法堂：finalize函数

    一.finalize与GC 在GC第一次进行可达性分析时会将不可达而且该对象所属类重写finalize方法和finalize方法重未被执行过的对象追加到F-Queue当中,然后JVM会自动开启一个低优 ...

  9. Android系统如何录制屏幕（录制成mp4格式）

    不管是教学,还是为了演示,如果能将Android手机(或平板)的屏幕录制成视频文件,那是一件非常酷的事(iOS8已经提供了这一功能,能通过OS X直接在Mac上录制iPad.iPhone的屏幕,win ...

  10. 用redux完成事务清单

    今天再来一个例子,我们从组件开始. App.js import React, { PropTypes } from 'react' import { bindActionCreators } from ...