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

Date 2025-06-11 15:44:56

在设计网页时,通常需要找到宽度和长度合适的图片来填充块,或测试不同大小图片的性能。这可能会浪费很多时间,甚至自己制作一些特殊尺寸的图片也很麻烦。通过方便的在线工具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(前面是风景,后面是文字)。

正方形图片快速生成:

2hhhh20151218

Placehold.it 选择图片高度。如果您直接在网站后面添加一个值,例如http://placehold.it/100,然后就会产生一个 100×100 方形图片,很简单。

这项服务非常方便实用,特别是对于经常制作网页的朋友来说,省去了找例子图片的麻烦 Placehold.it 它还帮助您处理存储图片的问题,甚至可以直接从远程调用到网站,而无需上传或存储图片。

Dummyimage

如果你觉得 Placehold.it 如果不够直观简单,可以试试。 Dummyimage,它也是一个占位图片生产器,但可以设置图片尺寸、背景颜色、文本颜色、文件格式和显示的文本,使用更多 Placehold.it 简单一些。

1hhhhh20151218
课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计