Make Tools
🖼️

SVG 占位图生成器

在线免费生成 SVG 占位图，用于网页设计中的图片占位和布局测试。

SVG placeholder preview
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="200" viewBox="0 0 300 200">
  <rect width="100%" height="100%" fill="#cccccc"/>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-size="25" fill="#666666">300×200</text>
</svg>

常见问题

如何使用输出？
复制 SVG 代码直接嵌入 HTML，或使用 data URL 作为 img src。两种格式都提供。
可以自定义文字吗？
可以，输入自定义文字或留空自动显示尺寸（如 300x200）。

相关工具

🎨Color Converter (HEX, RGB, HSL)🌈CSS Gradient Generator📱QR Code Generator

使用方法

  1. 1 设置图片宽度和高度（像素）。
  2. 2 使用颜色选择器选择背景和文字颜色。
  3. 3 输入自定义文字或留空自动显示尺寸。
  4. 4 复制为 SVG 代码或 data URL 用于 img src 属性。