占位图生成器
自定义尺寸、颜色、文字与图案,在线生成占位图,支持 PNG / JPEG / WebP / SVG 导出。
尺寸
单边最大 4000 px,超大尺寸生成较慢
背景
文字
按背景明暗自动切换深色 / 浅色文字,保证任何背景下都看得清
图标
图案叠加
边框与圆角
导出
缩放
全部在浏览器本地渲染生成,图片不会上传到任何服务器
关于此工具
这是一款面向设计师、前端开发者与内容编辑者的占位图(Placeholder)生成工具。做原型、写 Demo、排版文章或调试图片懒加载时,往往需要一张指定尺寸的临时图片;本工具让你完全在浏览器里按需生成,不必依赖外部图床,也不会因为第三方服务限速而导致页面加载失败。 尺寸环节提供 1920×1080、1280×720、1200×630(Open Graph)、1080×1080、1080×1920、800×600、640×360、300×250 等常用预设一键套用,也支持手动输入宽高(单边最大 4000 px)。开启「锁定宽高比」后调整宽度,高度会自动按比例联动;另有 16:9、4:3、3:2、1:1、2:3、9:16 六组常见比例可快速切换,以及一键交换宽高。 背景可选纯色、线性渐变或完全透明。渐变支持自定义起止色与角度(0-360°),纯色面板内置 30 种常用色卡。此外还提供「经典灰、极简白、深海蓝、霓虹紫、森林绿、日落橙、暗夜黑」七套风格预设,以及「随机风格」按钮快速试配色。导出为 JPEG 时会自动填充白色底,避免透明区域在 JPEG 中变黑。 文字默认为居中的尺寸标注(如 1200 × 630),也可切换为自定义多行文字或完全隐藏。自适应模式下字号以短边百分比为基准,并会按实际行宽与行高自动收缩,保证文字永远不会溢出画布;也可以指定像素级字号。字体提供无衬线、衬线、等宽、标题体与中文黑体五种字族,六种字重,配合颜色与不透明度调节。另可选配图片、用户、视频、音乐、星标五种线稿图标与文字上下堆叠排版。 装饰层面支持交叉线、网格、点阵、斜纹四种图案叠加,可单独设置叠加颜色、透明度与间距;圆角可在 0-50% 间调节(透明背景下导出 PNG 会得到真正的圆角透明),边框可开关并自定义宽度与颜色。 预览区采用半透明棋盘格底,能直观区分透明区域;支持适应画布缩放、5%-300% 手动缩放与 1:1 实际大小查看,并实时展示输出尺寸与预估文件体积。 导出支持 PNG、JPEG、WebP 与矢量 SVG 四种格式(JPEG / WebP 可调 30%-100% 质量),文件名自动带上尺寸信息。除下载外,还可以把图片直接复制到剪贴板,或一键复制 Data URL、<img> 标签、CSS background 代码与 SVG 源码,方便直接粘贴进项目。全部渲染都在本机完成,图片不会上传到任何服务器。
功能特点
- 📐 任意尺寸:8 组常用预设 + 手动输入宽高,单边最大 4000 px,支持锁定宽高比与六组比例快速切换
- 🎨 三种背景:纯色(30 色卡)/ 线性渐变(自定义角度)/ 完全透明,附 7 套风格预设与一键随机配色
- 🔤 智能文字:默认显示尺寸标注,支持自定义多行文字与隐藏;自适应字号永不溢出,另有五种字族与六级字重;文字颜色可自动按背景明暗切换深 / 浅色,任何底色下都清晰可读
- 🖼️ 内置图标:图片 / 用户 / 视频 / 音乐 / 星标五种线稿图标,可与文字上下堆叠排布
- 🔲 图案叠加:交叉线、网格、点阵、斜纹四种底层纹理,颜色、透明度与间距独立可调
- 📦 边框圆角:0-50% 圆角(透明导出可得真实圆角)与可自定义宽度颜色的边框
- 💾 四种格式:PNG / JPEG / WebP / 矢量 SVG 导出,JPEG 与 WebP 支持 30%-100% 质量控制
- ⚡ 高效导出:一键下载、复制图片到剪贴板,或复制 Data URL / <img> 标签 / CSS 代码 / SVG 源码
- 🔍 专业预览:棋盘格透明底、适应画布与手动缩放、1:1 实际大小,实时显示输出尺寸与预估体积
- 🔒 隐私安全:全程浏览器本地 Canvas / SVG 渲染,图片不经过任何服务器