超实用!帮你快速生成任何尺寸图片的Placehold.it - 优设网 - UISDC

超实用!帮你快速生成任何尺寸图片的Placehold.it

2015/12/18 7915评论区

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/placehold-it-image-generator

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里