语言
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
占位图生成器

占位图生成器

生成任意尺寸的占位图,自定义背景色、文字和字体,适合做样机、线框图和网页排版,支持导出 PNG、JPG、WebP 或 SVG。

占位图生成器:为样机和网页排版而生

这款占位图生成器能按你设定的任意尺寸生成占位图,可自定义背景色、文字和字体。它专为需要快速找一张临时图来做样机、线框图、原型和排版测试的开发者、设计师和内容创作者而打造。

无需依赖通用的占位图服务,你可以在这里直接做出正合心意的图。从社交媒体、网页横幅或设备屏幕的预设入手,或输入最大 4096 × 4096 像素的自定义尺寸,再导出为 PNG、JPG、WebP 或 SVG。

隐私优先:每张图都用 HTML Canvas API 在你的浏览器里绘制,不上传任何内容,也不收集任何使用数据。

如何生成一张占位图

1

选择尺寸

常用社交网页设备标签页选取预设,或自行输入宽度高度。打开锁定比例,调整大小时即可保持原有比例。

2

自定义外观

用取色器或十六进制色值设置背景色,并填入自己的文字。文字留空则显示尺寸(例如 800 × 600)。开启自动对比后,文字颜色会自动选取以保持清晰可读。

3

调整字体

默认情况下,自动适配会让文字大小贴合画布。关闭它即可设定精确的字号,并选择常规、半粗或加粗的字重

4

导出图片

选择格式——PNG 无损画质,JPG 或 WebP 文件更小(带质量滑块),SVG 则可缩放为矢量输出——然后点击下载。要一次生成多个尺寸,点击添加建立批量列表,完成后点下载 ZIP

功能特性

预设尺寸库

四个标签页内置常用尺寸——常用(1080p、720p、VGA、缩略图)、社交(Facebook、Instagram、Twitter)、网页(横幅广告、主视觉、博客头图)和设备(iPhone、iPad、桌面 FHD/QHD/4K)。

自定义尺寸

可输入最大 4096 × 4096 像素的任意宽高,并提供可选的锁定开关,让你在调整大小时保持比例。

颜色自定义

用可视化取色器或十六进制色值设置背景色和文字颜色,对外观进行精确控制。

自动对比

自动对比会读取背景明暗并选取清晰可读的文字颜色,让标签在浅色或深色填充上都保持可见。

灵活的文字与字体

可显示自定义文字或默认的尺寸标签,让字体自动适配画布或手动设定,并可选常规、半粗或加粗字重。

多种导出格式

可下载为 PNG、JPG、WebP 或 SVG,其中 JPG 和 WebP 格式还带有可调的质量滑块。

批量生成

添加多张占位图,各自拥有独立的尺寸、颜色和文字,再一次性打包下载为单个 ZIP 压缩包。

画布实时预览

当你改变尺寸、颜色、文字和字体时,画布会即时更新,让你下载前就能看到成图。

常见问题

占位图是什么意思?

占位图是一种临时的替代图,在真正的图稿还没做好之前先填进图片的位置。它通常会显示自己的尺寸或一段简短标签,这样设计师和开发者就能在最终图片还在准备时,先排好样机、线框图和模板。

如何生成自定义尺寸的占位图?

输入你想要的宽度和高度,或者选一个预设再做调整。你可以生成最大 4096 × 4096 像素的图,从小缩略图到 4K 显示屏乃至大幅印刷排版都能涵盖。

怎么给占位图添加文字?

在文字框里输入任意内容,它就会居中显示在图上。如果留空,默认会显示尺寸(例如 800 × 600)。你可以自己控制字号、字重和颜色,也可以交给自动适配和自动对比来处理。

自动对比有什么作用?

自动对比会查看背景色的明暗,并选取一种在其上清晰可读的文字颜色——浅色背景用深色文字,深色背景用浅色文字。关闭它即可自行选择文字颜色。

可以下载哪些格式,包含 PNG 和 SVG 吗?

你可以导出为 PNG、JPG、WebP 或 SVG。PNG 适合清晰的无损图,JPG 或 WebP 文件更小且带可调的质量滑块,SVG 则适合需要在任意尺寸下都保持锐利的可缩放矢量图。

批量生成是怎么运作的?

先设置好一张占位图,点击添加把它放进批量列表,然后按需要的每个尺寸重复操作——每一项都保留自己的颜色和文字。准备好后,点击下载 ZIP 就能把它们全部装进一个压缩包里。

我的图片会上传到服务器吗?

不会。每张图都完全用 HTML Canvas API 在你的浏览器里生成。没有任何内容会上传或存储到服务器,也不会收集任何使用数据。

尺寸
px
px
外观
px
导出
批量生成
点击"添加"将当前尺寸加入批量列表
使用预设标签页(常用、社交、网页、设备)快速选取常见尺寸。
开启自动对比,根据背景自动选取清晰可读的文字颜色。
文字框留空即可显示尺寸(例如 800 × 600)作为默认标签。
打开锁定比例,调整大小时保持原有比例。
选择 SVG 格式,让占位图在任意尺寸下都清晰锐利。
把多个尺寸添加到批量列表,一次性打包下载为 ZIP 文件。
想了解更多? 阅读文档 →
1/7
开始输入以搜索...
搜索中...
未找到结果
请尝试使用不同的关键词搜索