开发者社区> 秋天风景> 正文

今日推荐: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服务基础与http协议(二)
Web服务基础与http协议(二)
32 0
容器实验班开课!30 分钟学会使用 Kubectl 部署 web 服务到 K8s 集群
容器实验班开课!30 分钟学会使用 Kubectl 部署 web 服务到 K8s 集群
149 0
基于tensorflow和flask的本地图片库web图片搜索引擎
基于tensorflow和flask的本地图片库web图片搜索引擎
30 0
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
124 0
iead 的Tomcat集成和web项目建立---图片
iead 的Tomcat集成和web项目建立---图片
29 0
Flutter Web:图片相关及跨域问题
在flutter web上也可以使用Image这个widget来加载显示图片。但是涉及到网络图片的时候就可能会出现问题,现象是不显示图片,控制台报错:
640 0
好程序员web前端培训分享用CSS和JS打造一个简单的图片编辑器
  好程序员web前端培训分享用CSS和JS打造一个简单的图片编辑器,本文主要是利用CSS的 filter和简单的Jquery代码来实现一个简单的图片编辑器,包括对图片的透明度,黑白,图片亮度等调节。
1282 0
+关注
秋天风景
既然选择了远方,便只顾风雨兼程。
文章
问答
视频
文章排行榜
最热
最新
相关电子书
更多
PWA:移动Web的现在与未来
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多