占位图 / 虚拟图片生成器 — PNG、JPEG、WebP
创建最大 4000×4000 px 的占位图,自定义颜色、文字标签和格式(PNG/JPEG/WebP),本地渲染,可下载或复制 Data URL。
🔒 全部在你的浏览器中运行。输入和输出都不会发送到服务器或被保存,十分安全。
预览
🔒 在浏览器 Canvas 中本地生成,不会上传任何内容。
关于此工具
任何版式在真图就位之前都需要图片,这款生成器负责制造这些替身:直接在浏览器中渲染的占位图。宽高可任意设置,最大 4000 像素;挑选背景色和文字颜色,按需加上标签,然后以 PNG、JPEG 或 WebP 格式下载。你可以用占位图在设计稿中占好位置、检验页面对不同宽高比的处理,或在照片尚未到位时先填充 CMS。每张图片都绘制在本地画布上,既不依赖外部占位图服务,也没有任何内容被上传。
常见问题
占位图实际都用在哪些地方?
主要是为了在最终素材到位前不让工作停摆。设计师把它们放进设计稿,让客户把注意力放在版式而非照片上;开发者用它们测试图片位、栅格和响应式规则在真实尺寸下的表现;内容编辑用它们填充 CMS,以便审阅模板。标注了确切尺寸(比如 1200×630)的标签,还能让人一眼看出每张图属于哪个位置、宽高比是否正确。
该下载 PNG、JPEG 还是 WebP?
对于由纯色和文字构成的占位图,PNG 是稳妥的默认选择:它是无损格式,边缘和文字能保持绝对清晰,而且任何工具都能接受。JPEG 文件更小,但采用有损压缩,锐利的边缘可能略有模糊——如果占位图要放进本来就展示照片的位置,那没有问题。WebP 兼具小体积和良好画质,所有现代浏览器都支持,很适合网页设计稿。
图片是在服务器上生成的吗?
不是——每张图片都由你自己的浏览器在 HTML 画布上绘制,并直接从那里下载,不会向任何占位图服务发出请求。除了隐私,这还有实际好处:页面加载后可离线使用,没有调用频率限制,也不会因第三方服务宕机而出现失效的外链图片;生成一张 4000 像素的大图和生成小图一样,都是瞬间完成。