placehold-it-image-generator-1

设计网页时常常需要找宽度、长度合适的图片来填充区块,或是测试不同大小图片的表现。这往往可能浪费很多时间,甚至还要自己动手制作某些特殊尺寸的图片,相当麻烦。透过方便的在线工具Placehold.it ,可以快速产生任何大小的占位图片,且能自定义图片的格式、显示的文字、颜色等等。

Placehold.it

6hhhhh20151218

举例来说,Placehold.it 首页左侧就提供了最基本的使用方式,直接在http://placehold.it/ 后面填上你要的图片尺寸,例如 http://placehold.it/350×150 ,然后以 <img > 卷标来将图片贴入网页,就能够自动生成 350×150 的图片。

变更图片格式:

5hhhhh20151218

在 Placehold.it 默认的图片格式为 gif, 如果你想要使用 .jpeg / .jpg / .png 等图片格式的话,仅需要在网址后面加上扩展名,例如 http://placehold.it/350×150.png ,这样就能够产生 png 格式的占位图。

变更图片文字:

4hhhhh20151218

默认的图片内显示的是图片尺寸,不过你可以将它设定为其他文字(不支持中文),目前仅能使用大、小写的 A-z 、数字及大部分的符号,使用的方法很简单,只要在网址内加上 &text= 后面接入文字就可以了,例如:http://placehold.it/336×280&text=FreeGroup.org+Cool!

设定图片背景、文字颜色:

3hhhhh20151218

默认图片使用灰色色系,如果你有需要将图片的背景、文字颜色做变更,只要在网址后面分别加入背景及文字颜色的 hex codes 即可(#ffffff 是白色),例如:http://placehold.it/250/000000/ffffff (前面被景色、后面文字颜色)。

快速产生正方形图片:

2hhhhh20151218

Placehold.it 图片高度是选用的。如果你直接在网址后面加入一个数值,例如http://placehold.it/100 ,那么就会产生一个 100×100 的正方形图片,非常简单。

这个服务真的非常的方便且实用,尤其对于常常制作网页的朋友来说,省去找范例图片的麻烦,而且 Placehold.it 也帮你处理了图片储存的问题,甚至不用自己上传、储存图片,直接从远程以网址调用图片就能使用。

Dummyimage

如果你觉得 Placehold.it 不够直觉、简单的话,那么可以试试看 Dummyimage,它一样是个占位图片产生器,不过可以设定要产生的图片尺寸、背景颜色、文字颜色、文件格式及显示的文字,使用上较 Placehold.it 简单一些。

1hhhhh20151218

【优设近期神器+酷站十四连发!】

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

点赞
收藏
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏