无需登录 数据私有 本地保存

Lorem Pixel 占位图生成器 - 指定尺寸类别

10
0
0
0

占位图生成器

快速生成任意尺寸的占位图片，支持多种风格类别，适用于网页开发和设计原型

比例: 4:3
🌿自然
🏙️城市
👤人物
🐾动物
🍽️食物
💻技术
🎨抽象
🎲随机
0
占位图预览
800 × 600
https://picsum.photos/seed/nature/800/600
常用开发场景尺寸参考
场景推荐尺寸宽高比说明
全屏横幅1920 × 60016:5适合首页大图
卡片缩略图400 × 3004:3博客列表、产品卡片
正方形头像200 × 2001:1用户头像、图标
16:9 视频封面1280 × 72016:9视频缩略图、幻灯片
移动端全屏375 × 812≈9:19.5iPhone X 尺寸
OG社交分享图1200 × 63040:21Facebook/Twitter分享
常见问题与知识点
什么是占位图（Placeholder Image）？
占位图是在网页设计和开发过程中，用于临时替代尚未准备好的真实图片的占位图像。它们帮助开发者在没有最终图片素材的情况下，模拟页面的视觉效果、测试布局和响应式设计。占位图通常通过URL参数动态生成，可以指定尺寸、颜色、文字等属性。
Lorem Pixel 和 Picsum Photos 有什么区别？
Lorem Pixel 是早期的占位图服务，提供按类别（如自然、城市、人物）分类的图片，但该服务目前已不太稳定。Picsum Photos 是其现代替代方案，基于 Unsplash 的高质量图片库，支持种子（seed）参数来获取一致的随机图片，服务更加稳定可靠。本工具默认使用 Picsum，同时保留 Lorem Pixel 的URL格式选项。
如何使用 seed 参数获取一致的占位图？
Picsum 的 seed 参数允许你指定一个字符串作为随机种子。相同的 seed 值总是返回相同的图片。例如 /seed/nature/800/600 始终返回同一张自然风格的图片。这在需要保持一致性的开发场景中非常有用，比如团队协作时确保每个人看到相同的占位图。
占位图对SEO有影响吗？
在开发环境中使用占位图对SEO没有直接影响。但在生产环境中，应始终替换为真实的、优化过的图片，并为每张图片添加描述性的 alt 属性。搜索引擎无法"看懂"图片内容，但会通过alt文本理解图片含义，这对图片SEO和网站可访问性至关重要。
如何选择合适的占位图尺寸？
建议根据实际使用场景选择尺寸：头像类使用 200×200 或 400×400；博客缩略图使用 800×600；全屏横幅使用 1920×600；移动端使用 375×812。保持宽高比与实际图片一致可以避免布局偏移（Layout Shift），提升用户体验和Core Web Vitals评分。
生成的占位图可以商用吗？
Picsum 的图片来源于 Unsplash，遵循 Unsplash 许可协议，允许免费用于商业和非商业用途，无需署名（虽然署名是受欢迎的）。Lorem Pixel 的图片也通常遵循类似的自由使用许可。但建议在正式上线前替换为自有或明确授权的图片素材。
🔧 相关工具