占位图生成
生成任意尺寸的占位图,开发调试用,纯本地。
🔒 浏览器本地处理 · 不上传
底色
开发占位图:填尺寸即生成,默认显示 宽×高。纯本地,不请求外部服务。
占位图生成器帮你快速生成指定尺寸的占位图片,用于开发、原型和排版调试。填宽高、选底色,默认显示「宽×高」,也可自定义文字,导出 PNG。Shape Cat纯浏览器本地生成,不依赖任何外部占位图服务。
如何使用 占位图生成?
- 1填入宽度和高度(像素)。
- 2选底色,必要时填自定义文字。
- 3看实时预览。
- 4点「下载 PNG」,丢进项目当占位图。
为什么用Shape Cat占位图生成?
- 不依赖外部服务:不像 placeholder 在线服务那样需要联网请求。
- 本地即时:参数一改就更新,秒导出。
- 干净:默认显示尺寸 + 对角线,一眼看出占位区域。
常见问题
和 placehold.co 这类服务有什么区别?
那类服务需要联网按 URL 请求图片;本工具在你浏览器本地生成 PNG,可离线用、可自定义底色与文字、不暴露请求。
最大能生成多大?
宽高各支持到 4000px,足够覆盖绝大多数网页与原型占位需求。
相关工具
浏览全部设计工具 ->更新于 · Shape Cat团队
来源、审核和限制
最后核验
2026-06-17
作者
Shape Cat editorial desk
审核
Brand asset review
主要来源
- 浏览器的 Canvas 与 SVG 导出 API
- 站内工具维护的配色与排版启发式规则
- 用户输入的品牌名、颜色与 prompt
品牌套件只是创意起点,不构成商标、无障碍或品牌策略方面的建议。正式启用前,请自行确认对比度、字体授权与法律合规。