If this tool helped you, you can buy us a coffee ☕
快速生成指定尺寸、颜色和文字的占位图片,用于网页原型、文档和测试开发。
Adjust settings to preview placeholder

Add Invisible Watermark to Image
An invisible digital watermarking solution for PNG and JPG images to effectively protect your copyright and prevent image theft.

Image to Base64 Converter
Convert JPG, PNG, and other image files to Base64 strings online. Generate Data URLs instantly for web development and data embedding.

Image People Counter
Use AI to count the number of people in an image. Supports JPG/PNG uploads and image resizing for accurate counting results.

Image Angle Measurement Tool
Accurately measure angles on images and screens. Ideal for design, drafting, and geometry. Instantly displays the angle in degrees.

Add Invisible Watermark to Image
An invisible digital watermarking solution for PNG and JPG images to effectively protect your copyright and prevent image theft.

Image to Base64 Converter
Convert JPG, PNG, and other image files to Base64 strings online. Generate Data URLs instantly for web development and data embedding.

Image People Counter
Use AI to count the number of people in an image. Supports JPG/PNG uploads and image resizing for accurate counting results.

Image Angle Measurement Tool
Accurately measure angles on images and screens. Ideal for design, drafting, and geometry. Instantly displays the angle in degrees.

Weibo Image Source Finder
Parse Weibo image URLs to find the original uploader and trace the source of social media images.
当你需要一个800×600的图片占位来测试网页布局,但手头没有最终素材;或者写产品文档时需要插入一张示意图展示界面位置;又或者给前端同事提issue时想快速标注图片尺寸——打开这个工具,填几个数字,几秒钟就能拿到一张符合尺寸和文字提示的占位图。
我们做一个博客文章列表页的占位图。尺寸需求:宽768px,高320px(16:9左右)。背景用淡蓝#E3F2FD,文字深蓝#1565C0,显示文字“博客封面图 768×320”。
如果把这个占位图放到HTML的<img>标签里,它就会像最终图片一样占位,但不会因为加载慢而破坏布局。
场景一:超大尺寸极限测试
假设你需要一张1920×1080的全屏占位图,背景黑(#000000)文字白(#FFFFFF),文字“1920×1080 Full HD”。生成后图片清晰无锯齿(SVG格式),文字大小会自动调整,不会溢出。
场景二:极小尺寸+无文字
一个16×16的 favicon 占位,背景红#FF0000,文字留空。生成后得到一块红色小方块,适合在浏览器标签占位。
生成的结果是一张图片文件,你可以直接嵌入到HTML、Markdown或设计软件中。如果文字过长导致显示不全,工具会自动缩小字号;如果尺寸输入为0或负数,工具会提示“请输入正数”。如果颜色代码格式错误(比如少写#),工具会使用默认色(白底黑字)。
问:生成空白图片,没有文字?
答:检查“显示文字”输入框是否为空。如果留空,图片上只显示背景色,无文字。
问:可以和别人的占位图工具如 placeholder.com 混用吗?
答:可以。我们的工具生成的图片格式(SVG/PNG)和标准占位图完全兼容,可以直接替换现有代码中的图片链接。
问:我可以在商业项目中使用吗?
答:可以。占位图本身不包含任何受限制的素材,你可以自由使用到任何商业或非商业项目中。
问:为什么下载的SVG文件打开是空白?
答:请用浏览器或图片查看器打开,不要用文本编辑器。如果仍空白,可能是颜色代码错误导致SVG渲染失败,重新生成一次。
问:支持透明背景吗?
答:目前不支持透明背景(alpha通道),所有背景都是实色。如果需要透明占位,请改用其他工具。
问:最多能生成多大尺寸?
答:理论上无上限,但过大的尺寸(如10000×10000)可能导致浏览器卡顿或下载文件过大。建议日常使用不超过4096×4096。