ToolsWeb LogoToolsWeb
生成器

Placeholder 图片 生成器

纯前端在线 Placeholder 图片 生成器 工具,完全在您的浏览器中安全运行,无需上传文件。

常用纵横比与广告尺寸
预设渐变与颜色
图片预览

什么是占位图片,为什么需要它?

占位图片是开发人员和设计师在构建网站、应用程序或电子邮件模板时使用的临时图形。在设计部门完成高分辨率横幅文件或摄影资产之前,占位文件用于填充网格空间。它们允许您测试响应能力、文本包裹对齐和 CSS 布局网格。传统的服务通过网络请求提供哑图(这会减慢页面加载速度或在离线时失败),而我们的占位图片生成器在浏览器中即时运行。通过 Canvas 渲染自定义图形,您可以创建现代的线性渐变。

如何创建优质渐变占位图片

  1. 以像素为单位输入所需的宽度和高度。您也可以点击任何常用的布局按钮(如全高清、正方形或横幅尺寸)来自动填充。
  2. 在输入框中自定义标签文本。使用 \n 将文本拆分为多行。
  3. 切换背景渐变以创建美丽的多色混合,或配置单个纯色。
  4. 设置您的文本颜色、字体样式(现代无衬线、衬线、等宽),并选择“自适应”字体大小。
  5. 选择您喜欢的图片格式:无损 PNG、压缩 JPEG 或现代 WEBP。
  6. 点击“下载图片”将图形直接导出到您的本地下载目录。

常见问题

我可以生成的最大分辨率是多少?

该生成器可以安全地创建高达 4000 x 4000 像素的图像。更大的尺寸取决于您的浏览器分配给 HTML5 画布结构的内存。

如何在文本标签中添加新行?

只需在自定义文本框中输入 \n(反斜杠后跟 n)即可发生换行。生成器将自动包装并居中对齐文本。