占位图生成器
自定义尺寸、配色与文字，一键生成并下载占位图片。
画布尺寸
宽度
高度
单边尺寸范围 1 – 4000 px
锁定比例
广告位
社交媒体
屏幕 / 通用
预览png
100%
600 × 400 px文件体积
嵌入代码
关于此工具
占位图生成器面向前端开发、UI 设计与内容运营场景。做页面骨架、写文档示例、搭原型或调试布局时，往往需要一张「尺寸明确但不抢戏」的图片，本工具可以在本地即时生成：内置 14 组常用尺寸（含广告位、社交媒体、OG 分享图与屏幕通用比例），也可以手工指定任意宽高并锁定宽高比；背景支持纯色、双色线性渐变（可调角度）与一键随机配色，另可叠加斜纹、网格、圆点、噪点四种纹理；文字支持自动显示「宽 × 高」或自定义多行文案，字号可自适应画布，文字颜色按 WCAG 亮度自动取对比色；还可选择图片、头像、方块、播放四种线性图标，并叠加描边与圆角。预览区支持适应窗口、100% 与 0.1x–4x 缩放，透明背景以棋盘格标识。导出支持 PNG、JPEG、WEBP 与矢量 SVG，JPEG/WEBP 可调压缩质量，位图可按 1x/2x/3x 输出高清版本。工具同时提供 HTML、Markdown、CSS、Data URL 与 SVG 源码五种嵌入代码一键复制，并能把多个预设尺寸批量打包为 ZIP 下载。所有渲染都在浏览器本地完成，不上传任何数据。
功能特点
- 📐 任意尺寸：14 组常用预设（广告位 / 社交 / 屏幕），支持手工输入与宽高比锁定
- 🎨 三种背景：纯色、双色线性渐变（0–360° 可调）与一键随机配色，附专业色板速选
- 🧵 四种纹理：斜纹、网格、圆点、噪点，颜色、强度与密度均可独立调节
- 🔤 智能文字：自动显示「宽 × 高」或自定义多行文案，字号自适应画布，文字颜色自动取对比色
- 🖼️ 图标与装饰：图片 / 头像 / 方块 / 播放四种线性图标，支持描边宽度、圆角与透明背景
- 👀 实时预览：适应窗口、100% 与 0.1x–4x 缩放，透明区域以棋盘格标识，实时显示文件体积
- ⬇️ 多格式导出：PNG / JPEG / WEBP / 矢量 SVG，JPEG 与 WEBP 可调压缩质量，位图支持 2x/3x 高清输出
- 📦 批量打包：勾选多个预设尺寸一键导出 ZIP，适合一次备齐整套素材
- 🧩 嵌入代码：HTML、Markdown、CSS、Data URL 与 SVG 源码五种形式一键复制
- 💾 设置记忆：所有参数自动保存到本地浏览器，下次打开继续上次的配置
- 🌗 双语与深色：完整中英文界面，支持深色模式与移动端自适应布局
- 🔒 隐私安全：纯浏览器本地渲染，不上传任何数据，无需联网