占位图生成

宽度(px) 高度(px) 背景色 文字颜色 文字
preview
Data URL

关于这个工具

快速生成一张纯色占位图,用于原型稿、线框图和排版测试,无需再去找配图。可设置任意宽高,选择背景色和文字颜色,并输入自己的文字——留空时工具会自动标注像素尺寸(如 600 × 400),让审阅设计的人一眼就知道预期尺寸。在等待正式素材期间,用它填充原型、邮件模板或幻灯片里的图片位置再合适不过。

占位图完全在浏览器里用 HTML canvas 绘制并通过 canvas.toBlob 导出——不上传任何数据,也不请求任何外部占位图服务,因此可离线使用且不泄露任何信息。可将结果下载为 PNG,或复制一段自包含的 Data URL 直接粘贴到 HTML 或 CSS 中。

相关工具

Image to Base64Image ResizerImage Converter