佔位圖片生成器
簡單 & 快速
為您的設計創建精美的佔位圖片
预览
300x200
使用方法
https://ph.loremipsums.org/300x200/CCCCCC/333333/svg<img src="https://ph.loremipsums.org/300x200/CCCCCC/333333/svg" alt="Placeholder" />使用說明
- 設置尺寸
- 選擇顏色
- 選擇字型
- 獲取代碼
🚀 快速开始
通过三个简单的步骤开始创建基本的占位图片：
- 输入所需尺寸（例如：300x200）
- 点击“生成图片”获取URL
- 复制并在您的项目中使用生成的URL
Example: https://ph.loremipsums.org/300x200
⚙️ 高级选项
| 功能 | 描述 | 示例 |
|---|---|---|
| 自定义颜色 | 使用十六进制代码添加背景/文字颜色 | /300x200/CCCCCC/333333 |
| 自定义文字 | 在占位图片中添加您的文字 | &text=Hello+World |
| 字体选择 | 从各种网页安全字体和Google字体中选择 | &font=Inter |
💡 提示和技巧
使用预设尺寸获取常用尺寸
在URL中使用十六进制颜色代码时需要移除#符号
在自定义文字中使用+替代空格
预览实时更新
常見問題
📦 支持的图片格式
我们支持以下图片格式：
- SVG - 矢量格式，完美适配响应式设计（默认）
- PNG - 支持透明度的无损压缩
- JPG - 适用于照片的高效有损压缩
- WebP - 具有更高压缩率的现代格式
- GIF - 具有有限色彩的基本格式
🎨 自定义选项
您可以通过以下方式自定义占位图片：
- 尺寸 - 宽度和高度最大支持2000px
- 颜色 - 使用十六进制代码自定义背景和文字颜色
- 文字 - 自定义文字内容
- 字体 - 从流行的Google字体中选择
- 透明度 - 可选的透明背景
🔗 URL结构
URL结构遵循以下模式：
https://ph.loremipsums.org/[size]/[bg-color]/[text-color]/[format]?text=[text]&font=[font]
尺寸格式：
- 正方形：
/300(300x300) - 长方形：
/300x200(宽 x 高)
示例：
- 正方形：
/300/FF0000/FFFFFF - 长方形：
/300x200/FF0000/FFFFFF - 透明背景：
/300/transparent/000000 - 自定义文字和字体：
/300?text=Hello&font=Lato
💡 最佳實踐
- 使用SVG获得可伸缩性 - 完美适配响应式设计
- 选择WebP存储照片 - 比JPG/PNG有更好的压缩效果
- 启用透明度 - 当需要适配不同背景时
- 保持文字简短 - 在小图片上获得更好的可读性
- 缓存图片 - URL是稳定的并可缓存
⚠️ 使用限制
- 最大图片尺寸：2000x2000像素
- 文字长度会自动影响字体大小
- 某些字体可能不支持所有字符
- 颜色值必须是有效的十六进制代码
- 图片生成时间可能因尺寸和格式而异