收下这个占位图生成器，让你的原型图更精致！

设网页或配置版面时常会需预先保留图片置，让发或示范时使画面接近终样貌，如果手的图片还处理，我们可以通过占位图片呈现特定大小的图片范围。简单来说，占位图片生成器利址直接调整、产生特定尺寸范例图，省必须自行裁切图片的麻烦，因为是址形式载图片，即使没有载图片依然在页上显示。

本文推荐的「Dummy Image」算得占图片器翘楚，Dummy Image 让发者线产特尺寸小、背景色、文字色、文件格式或文字的范例图，除了利用网页界面调整各选项，亦可通过网址行设，速制作出发或设版面时会用到的占图。

Dummy Image 是个开放码（Open Source）项目，相关信息可在 GitHub 找到，也有不少开发者将它制作成不程序语言版本。值提是网站收录许多常见广告尺寸、屏幕和影片大小，过链接快速带入某个你想使用范围大小，能到预览效。

Dummy Image

网站链接：https://dummyimage.com/

使用教学

开启 Dynamic Dummy Image Generator 占位图生后，会有个预先显示占位图，从下选项调图片尺寸、背景颜色和前景文颜色，格部分有 png、gif 和 jpg 三格，可以将图片保存后使用，或是利用图片下网址来插入图片。

默认情况下 Dummy Image 会在图片里标示尺寸大小，如想要显示其他文，也可以接输入在下「Text」段（这里可正常显示文），文会呈现出来，很适合用来于图片位标记命名。

透过 Dummy Image 能快速生特定尺寸大小占位图片。

如在开发网页或应用程序时想要预留广告段，测试下广告放进页后效，从 Dummy Image 网站能找到各标准广告尺寸（像是常见 300×250、336×280、468×60 或 728×90 等等），选广告名称能取该大小占位图或是接复制链接使用。

其还有像是标准的屏幕尺寸、片大都能找对应的占位图。

其实 Dummy Image 所有功能都可以通过网址进行定，举例来说，网址后方上的第一个数值是图片宽度，使用一数字会产生该长度的正方形，直输入像是 640×480 产生定尺寸的占位图；第二和第三个数值别代表背景色和文字颜色，使用 hex 数值指定色码。

其他还有设定图式、自定义文字等等用法，有兴趣的参考网站说明文件。

值得一的三个理由：

• 可产特尺寸、颜色格式的占图片（Placeholder）
• 利用网址接调图片大小等各项参数
• 提供各种广告标准尺寸、屏幕和片尺寸