占位图生成

生成占位图片URL和HTML代码

占位图生成器

placeholder
URL:https://via.placeholder.com/400x300/cccccc/666666
HTML:<img src="https://via.placeholder.com/400x300/cccccc/666666" alt="placeholder" width="400" height="300" />
输出
https://via.placeholder.com/400x300/cccccc/666666

使用说明

设置图片宽度、高度、背景色和文字色,可选自定义文字。生成后获得URL、HTML、CSS和Markdown多种引用格式,方便在网页开发中使用。

使用步骤

  1. 输入图片尺寸(如 800x600)。
  2. 选择背景色、文字颜色。
  3. 输入占位文字(如图片名称)。
  4. 点击「生成」并下载图片。

常见问题

和 placeholder.com 有什么区别?

本工具完全本地生成,无需网络请求,加载更快,支持更多自定义选项。

支持 SVG 输出吗?

暂不支持,当前生成 PNG 格式。

相关工具