使用 Placeholder pics 需要注意哪些限制和事项?

Placeholder pics 是一个用 URL 直接生成 SVG 占位图的免费在线服务，适合在网页设计、原型和 mockup 中快速插入尺寸、颜色、标签都可控的占位图片。使用前需要清楚几点：图片全部是 SVG 格式，使用场景必须支持 SVG；服务按“现状”提供，官方明确不附带准确性或无障碍方面的明示或暗示保证；标签要写得简短，并考虑图片实际尺寸；颜色和标签的 URL 顺序有固定要求，写错会拿不到想要的效果。

服务本身的限制

按“现状”提供，无保证

网站底部写明：The placeholder.pics service is provided "as is" with no express or implied warranty for accuracy or accessibility. 也就是说，官方不对图片的准确性或无障碍性作任何承诺。如果你的项目对可访问性有硬性要求（例如需要为图片提供有意义的替代文本、满足 WCAG 对比度标准），不能默认这个服务生成的占位图已经达标，需要自行检查或替换。

输出格式固定为 SVG

所有图片都以“sub-kilobyte、完全优化的 SVG”形式返回。这意味着：

使用环境必须能渲染 SVG。现代浏览器、多数设计工具都支持，但某些只接受 PNG/JPG 的场景（部分邮件客户端、某些旧系统、部分 CMS 上传限制）无法直接使用。
SVG 是矢量图，缩放不会失真，这是它相对位图占位方案的主要优势；但如果你需要的是带真实照片质感的占位图，SVG 纯色/渐变方块并不适合。

标签要短，且要考虑尺寸

官方提示：Labels should be short and take into account the size of the image being requested. 标签是直接画在图片上的文字，图片越小，能容纳的文字越少。给一个 50×50 的图配一段长标签，文字会溢出或挤在一起。实践上应让标签长度与请求的宽高匹配。

URL 写法上的硬性顺序

生成图片的 URL 必须遵循固定结构，顺序错了就得不到预期结果。

部分	是否必需	说明
`/svg/` 开头	必需	URL 必须以 `/svg/` 开始
尺寸 `WIDTHxHEIGHT`	必需	只写一个数字时返回正方形，如 `/svg/100` 得到 100×100
背景色	可选	3 或 6 位十六进制色值，或用 `START-STOP` 定义渐变
前景文字与边框色	可选	单个色值或 `TEXT-BORDER` 两色；必须先定义背景色才能设置前景色
标签	可选	放在 URL 最后，必须先指定前景色和背景色才能使用标签

几个容易踩的点：

只写一个维度（如 /svg/100）会得到正方形，不是“宽度 100、高度自动”。
想设置前景色，必须先有背景色；想加标签，必须先有前景色和背景色。跳步会导致 URL 无效或解析结果不符预期。
标签会替换掉默认显示的图片尺寸文字（Optional, replaces image dimensions）。

版权与来源

页面使用的图标来自 Freepik（www.flaticon.com），采用 CC 3.0 BY 许可。如果你要在自己的项目中复用这些图标，需要遵守该许可的署名要求；但占位图本身由服务生成，与图标许可是两回事。

什么时候适合用，什么时候要换方案

适合：网页/应用开发阶段的布局占位、设计稿 mockup、需要极轻量（亚 KB 级）且可任意缩放和改色的场景。

需要换方案：目标环境不支持 SVG；对无障碍有强制要求且无法自行补足；需要照片级占位图；需要服务方提供可用性保证或长期稳定性承诺。

由于资料未提及价格、账号或登录要求，这里不对是否免费、是否需要登录作推断；实际使用前建议以网站当前页面为准。