创建 BIMI SVG 文件(详细步骤)

本页介绍了如何创建 BIMI SVG 文件,以便您使用 BIMI 将徽标添加到电子邮件中

目前,还没有应用能创建满足所有 BIMI 要求的 SVG 文件。用于 BIMI 的 SVG 文件通常需要使用文本编辑器或特殊用途的脚本来手动进行修改。了解推荐的 BIMI SVG 文件创建工具

您可以使用 Adobe Illustrator 创建 SVG 文件,然后通过文本编辑器做一些细微更改。创建 SVG 文件时,请务必遵循 SVG 文件的要求和建议

  1. 在 Illustrator 中打开您的源矢量图像。请确保文件图片满足以下针对 Gmail BIMI 图片的要求和建议(除了 BIMI 标准要求之外):
    1. 高度和宽度下限为 96 像素。
    2. 图片大小必须以绝对像素指定。示例:width="96" height="96"
    3. 请勿使用相对尺寸来指定图片大小。示例:width="100%" height="100%"
    4. 徽标图片应位于正方形的中心。
    5. 徽标图片应显示在纯色背景中。透明背景可能无法按预期显示。
    6. SVG 文件大小不应超过 32 KB。
    7. SVG 文件应包含 <desc> 元素(说明)以提供无障碍功能。
    8. SVG 文件不应包含以下内容:位图、指向其他文件的链接、文本或已分组对象。要将文件中的文本作为对象保留,请使用 Illustrator 的创建轮廓功能。
  2. 依次选择文件 > 另存为…
  3. 另存为窗口中:
    • 存储为字段中输入文件名。我们建议您仅使用小写字母和短划线(例如 mybrand-bimi.svg)。请勿使用特殊字符。
    • 格式旁边,选择 SVG (svg)。不要选择 SVG 压缩 (svgz)
  4. 点击保存按钮。
  5. SVG 选项窗口中:
    • SVG 配置文件旁边,选择 SVG Tiny 1.2
    • 图像位置旁边,选择保留
  6. 点击“确定”按钮完成文件保存。
  7. 在文本编辑器中打开该文件。您需要编辑文件的第一部分,内容如以下示例所示:

    <?xml version="1.0" encoding="utf-8"?>
    <svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="96px"
    y="96px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">
    <g id="design">
    
  8. 更改文本文件的第 3 行和第 4 行:

    • 确保 svg version 值是 1.2。如果不是,请将其更改为 1.2
    • baseProfile 值更改为 tiny-ps
    • 移除 xy 属性和值。
    • 添加 <title> 标记和值(如第 8 步中的示例所示)。标题必须位于 <svg 之后,且在 <g> 之前。
  9. 修改后,验证文件的第一部分是否类似于以下内容:

    <?xml version="1.0" encoding="utf-8"?>
    <svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
    overflow="visible" xml:space="preserve">
    <title>Solarmora Services</title>
    <g id="design">
    
  10. 保存对文本文件的更改。文件扩展名必须为 .svg。

后续步骤

接下来,获取 VMC 以及关联的 PEM 和证书文件


Google、Google Workspace 以及相关标志和徽标是 Google LLC 的商标。其他所有公司名和产品名是其各自相关公司的商标。