DevToolBox免费
博客

占位图生成器

生成自定义尺寸、颜色和文字的占位图，下载 PNG 或复制 Data URI。

Quick Presets
xpx
Leave empty to show dimensions
152px
800 x 600px
Preview

What is Placeholder Image?

Placeholder images are used during development to represent future content. Generate custom images with specified dimensions and colors.

𝕏 Twitterin LinkedIn

评价此工具

4.1 / 5 · 154 人评价

更多工具

⭐Favicon 生成器🖼️图片 Base64 转换▣二维码生成器🎨颜色转换器

Recommended

DigitalOceanCloud hosting from $4/mo

保持更新

获取每周开发技巧和新工具通知。

无垃圾邮件，随时退订。

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

  1. Set width and height
  2. Choose colors
  3. Customize text
  4. Preview the image
  5. Download or copy Data URI

Use Cases

  • UI mockups
  • Frontend development
  • Design prototyping
  • Email templates

FAQ

What is a placeholder image?
A temporary image used during development where real content will eventually appear.
What is a Data URI?
An image embedded directly in HTML/CSS as a base64 string.
What sizes available?
Any custom size. Presets for social media, avatar, HD, etc.