设计网页时常常需要找宽度、长度合适的图片来填充区块,或是测试不同大小图片的表现。这往往可能浪费很多时间,甚至还要自己动手制作某些特殊尺寸的图片,相当麻烦。透过方便的在线工具Placehold.it ,可以快速产生任何大小的占位图片,且能自定义图片的格式、显示的文字、颜色等等。
Placehold.it
举例来说,Placehold.it 首页左侧就提供了最基本的使用方式,直接在http://placehold.it/ 后面填上你要的图片尺寸,例如 http://placehold.it/350×150 ,然后以 <img > 卷标来将图片贴入网页,就能够自动生成 350×150 的图片。
变更图片格式:
在 Placehold.it 默认的图片格式为 gif, 如果你想要使用 .jpeg / .jpg / .png 等图片格式的话,仅需要在网址后面加上扩展名,例如 http://placehold.it/350×150.png ,这样就能够产生 png 格式的占位图。
变更图片文字:
默认的图片内显示的是图片尺寸,不过你可以将它设定为其他文字(不支持中文),目前仅能使用大、小写的 A-z 、数字及大部分的符号,使用的方法很简单,只要在网址内加上 &text= 后面接入文字就可以了,例如:http://placehold.it/336×280&text=FreeGroup.org+Cool! 。
设定图片背景、文字颜色:
默认图片使用灰色色系,如果你有需要将图片的背景、文字颜色做变更,只要在网址后面分别加入背景及文字颜色的 hex codes 即可(#ffffff 是白色),例如:http://placehold.it/250/000000/ffffff (前面被景色、后面文字颜色)。
快速产生正方形图片:
Placehold.it 图片高度是选用的。如果你直接在网址后面加入一个数值,例如http://placehold.it/100 ,那么就会产生一个 100×100 的正方形图片,非常简单。
这个服务真的非常的方便且实用,尤其对于常常制作网页的朋友来说,省去找范例图片的麻烦,而且 Placehold.it 也帮你处理了图片储存的问题,甚至不用自己上传、储存图片,直接从远程以网址调用图片就能使用。
Dummyimage
如果你觉得 Placehold.it 不够直觉、简单的话,那么可以试试看 Dummyimage,它一样是个占位图片产生器,不过可以设定要产生的图片尺寸、背景颜色、文字颜色、文件格式及显示的文字,使用上较 Placehold.it 简单一些。
【优设近期神器+酷站十四连发!】
LOGO生成网站:《5分钟搞定!简单三步帮你在线快速设计精美LOGO的神网站》
直方图生成网站:《小白也能做图表!帮你免费在线生成精美直方图的网站》《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
《酷站两连发!游戏配色网站+免费美女素材特供网站》
《酷站两连发!在线配色神器+英文字体推荐网站》
《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
《酷站两连发!专注无缝纹理素材站+多边形背景生成器》
原文地址:free.com.tw
【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量106万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI绘画创意与实战
已累计诞生 655 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓