本页介绍了如何创建 BIMI SVG 文件,以便您使用 BIMI 将徽标添加到电子邮件中。
目前,还没有应用能创建满足所有 BIMI 要求的 SVG 文件。用于 BIMI 的 SVG 文件通常需要使用文本编辑器或特殊用途的脚本来手动进行修改。了解推荐的 BIMI SVG 文件创建工具。
您可以使用 Adobe Illustrator 创建 SVG 文件,然后通过文本编辑器做一些细微更改。创建 SVG 文件时,请务必遵循 SVG 文件的要求和建议。
- 在 Illustrator 中打开您的源矢量图像。请确保文件图片满足以下针对 Gmail BIMI 图片的要求和建议(除了 BIMI 标准要求之外):
- 高度和宽度下限为 96 像素。
- 图片大小必须以绝对像素指定。示例:width="96" height="96"
- 请勿使用相对尺寸来指定图片大小。示例:width="100%" height="100%"
- 徽标图片应位于正方形的中心。
- 徽标图片应显示在纯色背景中。透明背景可能无法按预期显示。
- SVG 文件大小不应超过 32 KB。
- SVG 文件应包含
<desc>元素(说明)以提供无障碍功能。 - SVG 文件不应包含以下内容:位图、指向其他文件的链接、文本或已分组对象。要将文件中的文本作为对象保留,请使用 Illustrator 的创建轮廓功能。
- 依次选择文件 > 另存为…
- 在另存为窗口中:
- 在存储为字段中输入文件名。我们建议您仅使用小写字母和短划线(例如 mybrand-bimi.svg)。请勿使用特殊字符。
- 在格式旁边,选择 SVG (svg)。不要选择 SVG 压缩 (svgz)。
- 点击保存按钮。
- 在 SVG 选项窗口中:
- 在 SVG 配置文件旁边,选择 SVG Tiny 1.2。
- 在图像位置旁边,选择保留。
- 点击“确定”按钮完成文件保存。
在文本编辑器中打开该文件。您需要编辑文件的第一部分,内容如以下示例所示:
<?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">更改文本文件的第 3 行和第 4 行:
- 确保
svg version值是1.2。如果不是,请将其更改为1.2。 - 将
baseProfile值更改为tiny-ps。 - 移除
x和y属性和值。 - 添加
<title>标记和值(如第 8 步中的示例所示)。标题必须位于<svg之后,且在<g>之前。
- 确保
修改后,验证文件的第一部分是否类似于以下内容:
<?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">保存对文本文件的更改。文件扩展名必须为 .svg。
后续步骤
Google、Google Workspace 以及相关标志和徽标是 Google LLC 的商标。其他所有公司名和产品名是其各自相关公司的商标。