生成器
Placeholder 图片 生成器
纯前端在线 Placeholder 图片 生成器 工具,完全在您的浏览器中安全运行,无需上传文件。
常用纵横比与广告尺寸
预设渐变与颜色
图片预览
什么是占位图片,为什么需要它?
占位图片是开发人员和设计师在构建网站、应用程序或电子邮件模板时使用的临时图形。在设计部门完成高分辨率横幅文件或摄影资产之前,占位文件用于填充网格空间。它们允许您测试响应能力、文本包裹对齐和 CSS 布局网格。传统的服务通过网络请求提供哑图(这会减慢页面加载速度或在离线时失败),而我们的占位图片生成器在浏览器中即时运行。通过 Canvas 渲染自定义图形,您可以创建现代的线性渐变。
如何创建优质渐变占位图片
- 以像素为单位输入所需的宽度和高度。您也可以点击任何常用的布局按钮(如全高清、正方形或横幅尺寸)来自动填充。
- 在输入框中自定义标签文本。使用 \n 将文本拆分为多行。
- 切换背景渐变以创建美丽的多色混合,或配置单个纯色。
- 设置您的文本颜色、字体样式(现代无衬线、衬线、等宽),并选择“自适应”字体大小。
- 选择您喜欢的图片格式:无损 PNG、压缩 JPEG 或现代 WEBP。
- 点击“下载图片”将图形直接导出到您的本地下载目录。
常见问题
我可以生成的最大分辨率是多少?
该生成器可以安全地创建高达 4000 x 4000 像素的图像。更大的尺寸取决于您的浏览器分配给 HTML5 画布结构的内存。
如何在文本标签中添加新行?
只需在自定义文本框中输入 \n(反斜杠后跟 n)即可发生换行。生成器将自动包装并居中对齐文本。
