工具用的顺手吗?
你的反馈能帮助我们做得更好
快速生成指定尺寸、颜色和文字的占位图片,用于网页原型、文档和测试开发。
设置参数后即可预览占位图
概览
了解工具能解决的问题、计算或处理逻辑,以及数据边界。
占位图生成器把设定的宽、高、背景色、文字颜色和文字内容绘制成图片,并提供预览。默认尺寸为600×400像素,背景为浅灰色、文字为深灰色;自定义文字留空时,图片中央会显示当前宽高。输入变化后,预览随参数更新。
占位图片适合在真实素材未准备好时暂时代替图片内容,让页面原型、开发测试或说明文档中的图片区域保持可见。生成结果是具体的图片数据,可下载文件,也可以复制Data URL;它不是可供他人通过固定网址访问的托管图片链接。
宽度与高度以像素输入,每边会限制在1至5000像素并取整。页面提供常用尺寸预设,也可自行填写宽高;背景色和文字颜色分别设置。文字会加粗并放在画布中央,字号按尺寸和文字长度自动估算。输出选项为PNG、JPG和WebP,随后可预览、下载或复制图片数据。
HTML Standard说明Canvas可以将画布位图序列化为图片文件或Data URL,并规定PNG格式必须支持;其他格式是否可用取决于浏览器支持情况。当前工具使用Canvas生成位图,因此不提供SVG矢量文件。
预览框会把图片缩放到页面可见区域内,因此屏幕上看到的预览宽度不一定等于输出像素宽度。下载文件仍按已设置的画布宽高生成,例如选择1280×720后,预览即使缩小显示,导出图的像素尺寸仍是1280×720。用作页面素材时,可按目标区域的像素需求选择尺寸。
WHATWG HTML Standard 的 Canvas 规范说明画布图像可以导出为Blob或Data URL,并列出请求格式与浏览器支持时的回退行为。该规范支持对本工具PNG、JPEG和WebP导出方式的说明,核验日期为2026年9月26日。
指南
按步骤完成操作,并通过示例核对输入与结果。
输入宽和高,或选择常用预设。尺寸会取整并限制在每边1至5000像素。
选择背景色和文字色。输入自定义文字;如果留空,预览会自动显示图片的宽高。
在PNG、JPG或WebP之间选择,核对预览中的尺寸、颜色和文字位置,再决定是否下载。
点击下载保存图片文件,或复制Data URL嵌入支持数据链接的文档或页面。Data URL包含图片内容,文字长度和文件大小都会影响它的可用性。
例如选用1280×720预设并把文字留空,预览将标出当前宽高。无论预览在面板中显示得多大,导出图片都保留设定的像素宽高;更改预览窗口不会改变画布尺寸。
场景
查看这项工具在不同工作与生活流程中的用法。
尚未确定最终照片时,先用对应像素尺寸的图片检查版面比例、留白和裁切区域。
为列表卡片、横幅或内容缩略图准备可控尺寸的素材,便于观察不同画面比例下的布局表现。
需要标明图片位置或尺寸时,可在画面中放入简短标签,再把生成图片插入说明材料。
问答
集中解答高频疑问与容易混淆的问题。
不会。留空会自动把宽和高作为画面文字,例如600×400。
预览会缩放以适应页面区域;下载文件则使用设置的像素宽高。请以尺寸设置和导出文件属性为准,而不是屏幕上的预览大小。
不可以。此工具生成Canvas位图,提供PNG、JPG和WebP,画布会先填入选定的实色背景。
画面文字按宽度估算字号并在中心单行绘制。字数很多或宽高很小时,仍可能显得拥挤或被裁切;缩短文字或增大画布后请再次检查预览。
须知
使用前了解适用范围、结果限制与必要提醒。
浏览器对非PNG格式的Canvas导出支持可能不同;若所选JPG或WebP格式未被支持,HTML规范允许回退为PNG,导出的实际格式可能与选项不同。若其他软件无法打开文件,可改选PNG并重新下载。每边尺寸上限为5000像素,大画布和很长的文字可能增加内存占用或影响预览;用作正式素材前请确认图片尺寸、文字完整性和目标软件兼容性。
推荐
查找相关工具、专题与可用的 API 能力。