占位图片生成器:自定义尺寸、颜色与文字

为下一个排版项目生成精确尺寸的占位图,并可添加文字。

免费使用,无需注册、无水印。
画布
实时预览
1200 × 800px
在本机生成预览已缩放,导出为完整尺寸

适用于网站样机和卡片布局的带标签占位图片

创建占位图,让尚未完成的布局更容易审查。使用与图片区域相匹配的自定义尺寸,再添加简短标签或尺寸标注以便识别素材。下载后的占位图适合本地原型、内容草稿和演示文稿,用于清楚标示未来图片的位置。可创建带尺寸标签的 1200 × 630 占位图来测试社交卡片框架,也可以输入横幅、缩略图或商品卡片区域的精确尺寸。

占位图片的使用场景

在原型中标识首屏、卡片和缩略图位置。

为内容草稿创建带标签的图片。

在最终图形完成前测试图片比例。

如何为网站样机生成带标签占位图

最终图形尚未准备好时,占位图可说明预期图片形状。清晰的尺寸标签有助于区分占位图与加载失败的图片。

让占位图尺寸匹配预期图片框

页面若需要 1200 × 630 分享图片,即使预览更小,也应生成该精确形状。添加尺寸或内容用途等简短标签,并保持标签在中央,便于布局测试时可见。

区分布局尺寸与文件尺寸

源图片拥有像素尺寸,CSS 则决定其在页面占用的空间。width、height、aspect-ratio 和 object-fit 规则都可能改变可见形状。已知尺寸的占位图有助于发现组件是否裁剪或拉伸素材。

发布前替换占位图

生成占位图是搭建和审查布局的辅助,并非最终内容图片。真实图片就绪后应提供描述性的替代文字。不需要图片时,请移除占位图并调整组件,不要在生产页面留下装饰性的尺寸标签。

不确定如何选择文件?请阅读 图片格式指南 或比较 常用像素尺寸.

占位图片常用尺寸

选择起始尺寸,所有尺寸均可自由调整。

在图片尺寸指南中查看更多尺寸

占位图片:常见问题解答

下载前需要了解的信息。

可以给占位图添加自定义文字吗?

可以。使用文字控件添加简短标签,或显示尺寸来识别预期的图片区域。

占位图需要外部图片服务吗?

不需要。图片会在浏览器中生成并下载为文件,因此可以在本地项目中使用,无需外链第三方图片接口。

从一张图片,开始下一次创作

给下一条动态定个底色,为屏幕换种心情,或为演示准备一张封面。选个场景,现在就开始。

给下一条动态,先定一个好底色

从 1080 × 1080 方形帖子或 1080 × 1920 竖版快拍开始,用自己的配色做一套背景。下载后在常用编辑器里加上照片与文字,让每条动态延续同一种风格。

把喜欢的颜色,变成每天的桌面

一抹落日色、一个纯净色块,或两种颜色的平滑过渡。按屏幕尺寸做一张属于自己的壁纸,电脑和手机都能换个心情。

让下一次演示,有个干净的开场

用纯白背景留出文字的位置,或用简洁渐变衬托标题。从 1920 × 1080 宽屏画布开始,下载后放进幻灯片、项目封面或课程资料。