开发者社区> 秋天风景> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介:   设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的。然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局。   如今,有免费的占位图片自动生成工具可以使用,而不是手动创建这些占位符图像,可以节省我们的时间。
+关注继续查看

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

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

您可能感兴趣的相关文章

 

Placehold.it

Placehold.it

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

 

Flickholdr

FlickHoldr

 

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

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

 

lorempixum

lorempixum

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

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

 

{placekitten}

Placekitten

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

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

 

Dynamic Dummy Image Generator

DummyImage

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

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

 

nosrc.net

nosrc.net

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

 

FPOImg.com

FPOImg.com

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

 

IpsumImage

IpsumImage

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

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

 

flickrBomb

flickrBomb

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

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

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

 

lowersrc

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

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

 

您可能感兴趣的相关文章

 

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

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

hide

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Web安全开发规范手册V1.0(四)
团队最近频繁遭受网络攻击,引起了技术负责人的重视,笔者在团队中相对来说更懂安全,因此花了点时间编辑了一份安全开发自检清单,觉得应该也有不少读者有需要,所以将其分享出来。
61 0
万字长文:自底向上剖析boltdb数据库源码(下)
  作者:jaydenwen,腾讯PCG后台开发工程师   本篇(下)介绍3.3-6内容,前文请移步(上)篇:万字长文:自底向上剖析boltdb数据库源码(上)   3.3 node节点的相关操作   在开始分析node节点之前,我们先看一下官方对node节点的描述
60 0
WPF 将图片进行灰度处理
原文:WPF 将图片进行灰度处理 处理前:      处理后:   这个功能使用使用了 FormatConvertedBitmap(为BitmapSource提供像素格式转换功能)   代码如下:   public partial class MainWindow : Window ...
849 0
WEB开发常用的图片格式

1.JPEG

      JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲,就是:高的压缩比=低的图片质量=小的文件大小。反之,低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 %的原始图像的像素数据,所
1412 0
程序员必须知道的10大基础实用算法及其讲解 - WEB开发者
来源:http://www.admin10000.com/document/4574.html#jtss-hi
741 0
推荐10款非常有用的Web设计和开发工具
  在这篇文章中,收集了10款非常优秀的在线工具推荐给设计师朋友们,这些工具能够帮助Web开发者和设计师们节省大量时间和精力,更好的完成工作。感谢这些工具的作者为我们提供这么有用的工具,看看你喜欢哪些。
898 0
+关注
秋天风景
既然选择了远方,便只顾风雨兼程。
2393
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载