Loading...
Loading...
按尺寸生成自定义颜色的占位图,本地下载 PNG。
当布局需要一张还不存在的图时,占位图能让设计在比例上保持诚实。这个工具按你指定的尺寸、颜色和文字画一张,并可下载为 PNG,全程在浏览器里完成。
选一个预设或输入任意宽高,设置背景色与前景色,还能可选地填一行文字(默认显示尺寸)。淡淡的网格和对角线让占位图看起来是「有意为之」,而不是「图挂了」。因为是本地生成,它比外链占位图 CDN 更可靠,也不会触发那种把这类 CDN 标为「AI 味」的检查。
内置社交、OG、头像等常用预设,也支持任意自定义宽高。
背景色与前景色可调,贴合你要做样机的界面。
默认显示尺寸,也可填自己的说明文字。
导出清晰 PNG,或复制 data URL 直接贴进代码。
没有会挂的外链 CDN,数据不离开浏览器。
把占位图的颜色调成你的设计 token,样机看起来就像真实屏幕,而不是一个灰盒子。
选一个预设尺寸,或输入自定义宽高。
选择背景色、前景色和可选文字。
画布会即时更新预览。
下载 PNG,或把 data URL 复制进代码。
真实素材还没到位时,用正确比例先填上图片位。
快速做一张 1200×630 的社交预览占位。
把脆弱的 unsplash、placehold.co 外链换成本地图片。
检查网格在特定尺寸图片下的表现。
工具渲染到 HTML canvas:背景填充、可选网格、对角线,以及带底板的居中文字。PNG 导出和 data URL 都来自这个 canvas。
全部在本地完成。不上传、不追踪,生成图片不发任何网络请求。
绘制是即时的,只在输入变化时重绘,所以边输入预览边跟上。