Placeholder pics 是什么网站?

Placeholder pics 是一个通过 URL 直接生成占位图片的在线服务，专为设计稿和原型中的图片占位场景设计。它的核心特点是所有图片都以 SVG（可缩放矢量图形）格式输出，体积不足 1KB，可以任意缩放而不失真。你不需要下载任何图片文件，只要在需要的地方引用一个 URL，就能得到指定尺寸、颜色和标签的占位图。

它解决什么问题

在设计网页或应用时，经常需要先用占位图填充版面，等真实图片就位后再替换。传统做法是找一张临时图片或手动制作色块，尺寸和颜色调整起来比较麻烦。Placeholder pics 把这件事变成了拼 URL：尺寸、背景色、前景色、标签全部写在地址里，改一个参数就换一种效果。

核心能力

• SVG 格式：所有图片都是经过优化的 SVG，体积小于 1KB，加载快，放大缩小都清晰。
• 自定义尺寸：可以指定宽高，也可以只给一个数值得到正方形。
• 自定义颜色：背景和前景都支持 3 位或 6 位十六进制色值，背景还支持渐变色。
• 文字标签：可以在图片上添加简短标签，方便在设计稿中标记每张图的用途。
• URL 引用：无需下载，直接在 HTML、CSS 或设计工具中引用 URL 即可。

URL 格式说明

所有图片 URL 都以 /svg/ 开头，后面依次拼接尺寸、颜色和标签。下面按顺序说明每一段。

尺寸

格式为 宽x高，例如 /svg/100x100。如果只写一个数值，例如 /svg/100，会返回 100×100 的正方形。

背景色

可以是单个 3 位或 6 位十六进制色值，例如 /svg/100x100/888888。也可以用两个色值加连字符表示渐变，格式为 起始色-结束色。

前景色（文字和边框）

格式为 文字色-边框色，同样支持 3 位或 6 位十六进制色值。注意：必须先定义背景色，才能设置前景色。

标签

URL 的最后一段可以作为图片标签，例如 /svg/100x100/888888/我的标签。标签要简短，并考虑图片本身的大小。使用标签时，前景色和背景色必须先指定。

完整示例

适用与不适用场景

适合：快速搭建页面骨架、设计稿占位、演示原型、需要轻量图片且不想引入外部文件的场景。

不适合：需要真实照片质感、需要复杂图形内容、对图片有版权或可访问性严格要求的正式上线产品。网站本身声明服务按“原样”提供，不对准确性或可访问性作明示或暗示担保。

使用时的注意点

• 颜色顺序不能颠倒：背景色在前，前景色在后，标签在最后。
• 想用标签就必须先把前景和背景色写全。
• 标签文字不宜过长，否则在小尺寸图片上会显示不全。
• 该服务适合开发与设计阶段，正式上线前记得替换为真实图片。