占位图生成器
创建具有可调整尺寸、颜色、文本和格式的自定义占位图片。立即下载或复制为 Data URL。
크기 (가로 x 세로)
×
px
프리셋
외관
배경:
텍스트:
표시 텍스트
형식
미리보기
"이미지 생성"을 클릭하여 플레이스홀더를 만드세요...
✓ 복사됨!
什么是占位图生成器？
占位图生成器用于创建指定尺寸的简单图像，并可选择添加文本覆盖。这些图像通常在 Web 开发、UI 原型设计和线框图中用于表示实际图像最终将出现的位置。此工具完全在您的浏览器中使用 Canvas API 生成图像，无需依赖可能离线的外部占位服务。
如何生成占位图片
- 设置尺寸 —— 手动输入宽度和高度，或单击预设尺寸（150x150、300x200、640x480、1280x720、1920x1080）
- 自定义颜色 —— 使用颜色选择器选择背景颜色和文本颜色
- 添加文本 —— 输入自定义文本，或留空以默认显示“WxH”
- 选择格式 —— 选择 PNG（无损）、JPG（压缩）或 WebP（现代格式）
- 生成 & 导出 —— 单击“生成图像”以预览，然后下载文件或复制其 Data URL 以供内联使用
为什么要使用此占位图生成器？
- 无外部依赖 —— 与 placeholder.com 或 via.placeholder.com 不同，此工具完全在您的浏览器中运行，无需任何 API 调用
- 始终可用 —— 离线工作，并且由于不涉及服务器，因此永远不会宕机
- 可自定义 —— 完全控制尺寸、颜色、文本和输出格式
- Data URL 支持 —— 将图像复制为 Data URL，以直接嵌入到 HTML 或 CSS 中，而无需托管文件
- 多种格式 —— 导出为 PNG 以获得清晰的图形，导出为 JPG 以获得较小的照片，或导出为 WebP 以用于现代浏览器
- 隐私 —— 不会上载或存储任何图像。一切都保留在您的浏览器中
FreeToolbox 与其他占位服务的比较
| 功能 | FreeToolbox | placeholder.com | placehold.co |
|---|---|---|---|
| 离线运行 | 是 | 否 (API) | 否 (API) |
| 自定义颜色 | 完整颜色选择器 | 仅十六进制 | 仅十六进制 |
| 自定义文本 | 是 | 是 | 是 |
| 格式选项 | PNG / JPG / WebP | PNG / JPG / GIF | PNG / JPG / SVG |
| Data URL 复制 | 一键复制 | 否 | 否 |
| 最大尺寸 | 4096x4096 | 4000x4000 | 5000x5000 |
| 广告 | 极少 | 无 | 适中 |
常见问题
占位图有什么用途？
占位图用于 Web 开发和设计中，在原型设计、线框图或测试布局期间临时填充图像插槽。它们显示预期的尺寸，以便设计人员和开发人员可以在实际内容可用之前规划间距和对齐方式。
我可以将生成的图像用于商业用途吗？
可以。这些图像由您的浏览器生成，不包含任何受版权保护的内容。您可以将它们自由地用于任何项目，无论是商业项目还是个人项目。
什么是 Data URL，为什么要使用它？
Data URL 将图像数据直接嵌入到字符串中（例如，data:image/png;base64,...）。您可以将其粘贴到 HTML img src 或 CSS background-image 属性中，以显示图像而无需单独的文件。这对于原型设计、电子邮件或减少 HTTP 请求非常有用。
我应该选择哪种格式？
PNG 最适合清晰的文本和纯色（无损）。JPG 生成的文件较小，但质量略有损失 - 适用于类似照片的占位符。WebP 为现代浏览器提供最佳压缩，但可能无法在旧浏览器中使用。
是否有尺寸限制？
支持的最大尺寸为 4096x4096 像素。非常大的图像可能需要一些时间才能生成，并生成较大的 Data URL。对于大多数占位需求，1920x1080 以下的尺寸效果很好。