占位图生成

使用方法

1. 设置尺寸 — 输入宽和高像素值（32–4000）。预览即时更新。
2. 选择颜色 — 用取色器选择背景色和文字色。
3. 编辑标签 — 默认文字为 {width}×{height}；占位符替换为实际数值。可输入任意内容，或清空获得空白块。
4. 选择格式 — SVG 清晰矢量，PNG 支持透明光栅，JPG 最小照片式文件。
5. 下载生成的占位图。

占位图用 SVG、PNG 还是 JPG

占位图要放进 HTML 或文档时用 SVG——任意尺寸都清晰，文件也极小。需要真正的光栅位图时（例如放进不支持 SVG 的设计工具）用 PNG。只有当文件体积比清晰边缘更重要时才用 JPG；它不支持透明，且会产生轻微压缩伪影，因此很少是纯色占位图的最佳选择。

功能特性

• 从零生成占位图——无需上传图片。
• 任意尺寸从 32×32 到 4000×4000 像素。
• 通过原生取色器自定义背景和文字颜色。
• 带 {width} 和 {height} 占位符的动态标签。
• 直接从浏览器导出为 SVG（矢量）、PNG 或 JPG。
• 每次按键实时重绘预览。
• 全部运算在浏览器本地完成，你的数据不会上传到任何服务器。

相关工具