写页面时先占位：Lorem Picsum 一行网址就出图，免费无限制

做页面时，图片还没到位是常态。占位图服务让「先搭结构、后填素材」这件事变得很轻：改一下 URL 里的尺寸参数就能拿到一张图。

它解决什么问题

开发阶段用真图反复替换很麻烦，用灰色方块又看不出真实排版效果。

自己准备一批占位图要手动裁切不同尺寸，浪费时间。

核心能力

占位图的正确用法与风险

占位图只适合开发与测试阶段。上线前一定要把占位图全部替换成真实素材或正式图片，否则既影响观感，也会带来外部依赖。

另外要注意：引用外部占位图服务会增加一次跨域请求，在离线环境或内网环境里会加载失败，测试时要能接受「图挂了但布局正常」的表现。

同类工具怎么选

谁适合用

• 前端工程师，搭页面结构阶段需要占位图
• 做模板、组件库，需要演示图的人
• 写教程与文档，需要在示例里放图的人

怎么开始

1. 打开 picsum.photos，先看首页给的几个示例用法。
2. 需要 800×600 的图，直接引用 https://picsum.photos/800/600。
3. 需要固定同一张图，用 /id/{id}/{宽}/{高} 的形式。
4. 需要灰度或模糊，在 URL 后加 ?grayscale 或 ?blur=5 参数。
5. 上线前全局搜索占位图域名，确保全部替换完毕。

常见问题

图片能商用吗？
图片来自 Unsplash，适用其授权；但占位图服务本身定位是开发用途，正式物料请直接从图库取图并确认授权。

稳定吗？
属于第三方公益服务，偶有波动。生产环境不应依赖它。

能离线用吗？
不能，需要联网。内网环境可自建图片占位服务或本地准备一批占位图。

授权与合规

Lorem Picsum 是开源的占位图服务，图片取自 Unsplash；服务代码以开源方式提供，可自由用于开发与测试。 官网：picsum.photos。