尺寸,照片尺寸

邹嘉木

设计网页时常常需要找宽度、长度合适的图片来填充区块,或是测试不同大小图片的表现。

这往往可能浪费很多时间,甚至还要自己动手制作某些特殊尺寸的图片,相当麻烦。

透过方便的在线工具Placehold.it ,可以快速产生任何大小的占位图片,且能自定义图片的格式、显示的文字、颜色等等。

  Placehold.it

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

  变更图片格式:

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

  变更图片文字:

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

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

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

  快速产生正方形图片:

  Placehold.it 图片高度是选用的。

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

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

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