Softonic

Lorem Picsum 图库

步 1 / 2
下一个

Lorem Picsum 通过简单的 URL API 提供免版税图片，https://picsum.photos/{width}/{height} 可生成任意尺寸的图像。该图库允许您设置宽度、高度、种子值、模糊半径及灰度级别，随后自动生成可直接粘贴的 URL（或 <img> 标签），让您无需搜索库存图片即可将照片占位符直接插入 Figma、Blade 视图或 React 组件中。

如何使用图库

  1. 1

    设置图像尺寸

    以像素为单位的宽度和高度。800×600 或 1200×630 等常见尺寸已作为预设提供。

  2. 2

    选择修改选项

    模糊度（0–10）、灰度、用于生成可复现图像的固定种子，以及 WebP 或 JPEG 格式。

  3. 3

    浏览预览网格

    系统会加载多个随机样本，您可从中选择所需的样本。

  4. 4

    复制网址

    获取纯 URL、完整的 `<img>` 标签或 Markdown 图像语法。

URL 结构解析

基础端点：

https://picsum.photos/{width}/{height}

以及可选的查询和路径部分：

变体 示例 效果
方形快捷方式 /200 → 与 /200/200 相同 方形图像
固定种子 /seed/cat/400/300 始终返回相同的照片
特定照片编号 /id/237/400/300 固定为图集中第 237 张图片
灰度 /400/300?grayscale 单色滤镜
模糊 /400/300?blur=5 高斯模糊，1–10
格式 /400/300.webp 强制指定文件格式
每次加载均随机 仅使用 URL 每次刷新均显示新照片

何时使用它，何时该用真实的图库图片

  • 适合： 界面草图、设计评审、内部演示、测试数据以及懒加载实验。
  • 不适合： 生产环境的营销页面、主视觉（hero）图片、社交平台预览图。为获取真实流量而热链接他人的免费图片服务是不当做法且不稳定，照片可能随时被更换。

小贴士

  • 在为文档截取设计图时，请 固定种子；否则下次有人打开页面时图像就会改变。
  • 匹配最终素材的宽高比（16:9、4:5、1:1），这样在替换成真实照片时布局不会跳动。
  • 使用模糊来测试占位图到真实图像的过渡效果（LQIP 模式），Picsum 的模糊输出模拟了低质量图像占位符的外观。
  • 在开发期间 请求 WebP 格式，以获得更轻量的页面。

常见问题

从技术层面看，这些图片采用 Unsplash 许可协议授权，但不建议在生产环境中直接热链接至 picsum.photos，请仅将其用于原型制作；若需用于正式生产，请下载该素材（或访问 Unsplash 原始来源）。

若未提供种子或 ID，API 会在每次请求时返回一张随机照片。请使用 /seed/guanjianci/... 或 /id/123/... 将其固定。

Lorem Picsum 是 Cloudflare 上的免费服务，具有合理的速率限制。对于大规模测试套件或负载测试，请下载本地副本并从您自己的主机提供服务。

可以，该服务仅支持 HTTPS。所有生成的 URL 均以 https:// 开头。

仅用于直接从 picsum.photos 加载的预览缩略图。本图库本身不会向任何第三方发送您的尺寸或种子选择信息。

相关工具

ASCII 表参考

完整 ASCII 表，覆盖 0 到 127；列出每个代码的十进制、十六进制、八进制、二进制值和 HTML 数字字符引用写法，包括 NUL、LF、DEL。

HTML 字符参考

可搜索的 HTML 实体列表，含命名代码与数值代码，并支持一键复制特殊字符和符号。

键盘快捷键参考

搜索 macOS、Windows 和 Linux 上 VS Code、Chrome 以及使用 GNU Readline 的 Bash 的文档默认快捷键。

邮箱验证器

验证邮箱地址：RFC 5322 语法检查、实时 MX 记录查询，并显示本地部分、域名和长度详情。不会发送任何邮件。

编辑器配置生成器

根据你的缩进样式与大小、行尾、字符集和空格规则生成 .editorconfig 文件，让不同集成开发环境（IDE）和编辑器的格式保持一致。

证书解码器

粘贴一张 X.509 PEM 证书，并查看解码后的字段：主体、颁发者、序列号、签名算法、有效期及主体备用名称（SAN）。

此工具还提供其他语言版本