Lorem Picsum
Lorem Picsum 是一个免费的占位图片服务,特别为开发者和设计师设计,帮助他们在开发网站或应用时,快速获取高质量的随机图片。这个工具的魅力在于它的简单易用,绝对值得一试。
完全免费:无需注册,也不需要 API Key,直接使用 URL 即可。
使用极其简单:只需要在代码中写上 src="https://picsum.photos/800/600"
,就能获取一张 800×600 的随机图片。
接口灵活:可以根据需要指定图片、选择黑白模式、增加模糊效果等,甚至可以强制刷新和裁剪图片。
图片质量高:所用图片都来自真实摄影师,质量有保证。
响应速度快:全球 CDN 加速,加载迅速,不让你等待。
需要注意的是,图片来源于 Unsplash,所以在使用时,请遵循 Unsplash 的许可协议,尽量注明摄影师的署名。
AI 中的应用
接下来,我们来看看如何使用 Lorem Picsum 来提升你的 UI 生成质量。为更好地展示效果,我们准备了两个对比实例。
场景:生成个人网站首页
我们将使用 TRAE 国际版 IDE 模式和 Claude-4-Sonnet 来进行开发。在提示词中,我们特别强调了“大banner的概念”,以突出图片效果的重要性。
未使用 Lorem Picsum 的效果
指令: 帮我生成一个个人网站首页,采用大banner图美化。
效果:
-
首屏效果展示了一些五颜六色的占位符,感觉有些不协调。
-
次屏效果同样受到了影响,设计感不如预期。
使用 Lorem Picsum 的效果
指令: 帮我生成一个个人网站首页,采用大banner图美化,图片采用 picsum.photos 的 URL。
效果:
-
首屏效果显得更加专业,图片的丰富度提升了整体设计的美感。
-
次屏效果也受益,整体效果显著提升。
代码示例
下面是使用 Lorem Picsum 来设置 Banner 部分的简单代码,只需一个 URL。
<img src="https://picsum.photos/800/600" alt="随机图片">
结语
说实话,使用 Lorem Picsum 来为你的原型填充图片,真的是省心又提升了质感,只需一个 URL 就搞定了。虽然随机生成的图片可能无法完全满足我们的需求,但它无疑会为你的项目锦上添花。