将品牌徽标转换为符合 BIMI 标准的 SVG

为什么 BIMI 需要特殊的 SVG 格式?

要通过 BIMI 在电子邮件收件箱中显示您的品牌徽标,您的徽标必须是高度特定的 SVG 格式:SVG Tiny 1.2,进一步细化为 SVG Portable/Secure (SVG P/S)。这种格式比标准的 SVG Tiny 1.2 更加严格,需要手动调整才能完全符合要求。如果不采取这些步骤,即使您的徽标在浏览器中看起来很好,也可能无法显示。

转换徽标的分步指南

  • 从矢量文件开始:使用真正的矢量文件(.ai、.eps、.pdf 或 .svg)。避免使用光栅格式(PNG、JPEG),因为它们不能直接转换为矢量格式。
  • 在 Adobe Illustrator 中打开:在 Illustrator 中打开矢量徽标,确保它是单层正方形图像,以获得最佳兼容性。
  • 导出为 SVG Tiny 1.2:转到文件 > 另存为 > SVG(不是 SVGZ)。在 SVG 选项中,选择 "SVG Tiny 1.2 "作为配置文件。用小写字母命名文件,不要有空格或特殊字符(例如,brand-logo-bimi.svg)。
  • 编辑 SVG 以符合 BIMI 标准:用代码/文本编辑器打开 SVG 文件。将<svg>标记中的baseProfile属性从 "tiny "改为 "tiny-ps"。删除<svg>标记中的任何x=y=属性。添加一个<title>元素(最多 65 个字符)和一个<desc>元素(可选),以便于访问。
  • 检查不允许的元素:确保 SVG 不包含脚本、动画、外部链接或嵌入的光栅图像。背景应为纯色,不得透明。
  • 优化文件大小:SVG 文件不得超过 32 KB。删除不必要的元数据或臃肿的代码。
  • 验证 SVG:使用在线 BIMI 或 SVG 验证器检查是否符合要求。在浏览器或代码编辑器中打开 SVG,确认没有位图引用(搜索带有 base64 PNG 数据的 "img/"或 "xlink:href")。
  • 安全托管:将 SVG 上传到支持 HTTPS 的服务器,以满足 BIMI 要求。

常见陷阱及如何避免这些陷阱

  • 不正确的 SVG 配置文件:许多工具会导出标准 SVG 或 SVG Tiny 1.2,但您必须手动编辑以符合 SVG P/S 标准。
  • x/y 属性:Illustrator 默认添加了 x= 和 y=,为 BIMI 删除这些属性。
  • 缺少标题标签:始终添加 <title>,以确保无障碍性和合规性。
  • 嵌入位图:确保你的 SVG 是 100% 的矢量,不要引用 PNG 或 JPEG。
  • 文件过大:删除多余代码并优化路径,将文件大小控制在 32 KB 以下。

符合 BIMI 的 SVG 最终检查表

比米文本

  • 基于矢量的正方形徽标:确保您的徽标是真正的矢量,并且长宽比为正方形。
  • SVG Tiny 1.2 配置文件,编辑为 SVG P/S:导出为 SVG Tiny 1.2,然后在<svg>标记中编辑baseProfile="tiny-ps"
  • <svg> 中没有 x= 或 y= 属性:删除<svg>标记中的任何x=y=属性。
  • 存在 <title> 标记:包含一个<title>标签(最多 65 个字符),以实现无障碍访问并符合要求。
  • 无脚本、动画或外部链接:SVG 不得包含任何脚本、动画或外部资源链接。
  • 无嵌入光栅图像:确保 SVG 是 100% 的矢量图,没有嵌入 PNG 或 JPEG 图像。
  • 纯背景色:使用纯背景色而非透明色,以确保可靠显示。
  • 文件大小 ≤ 32 KB:优化 SVG,使文件大小保持在 32 KB 或以下。
  • 托管在 HTTPS 上:将 SVG 上传到安全、支持 HTTPS 的服务器上。

需要帮助为 BIMI 转换您的徽标?

联系我们的代理商,获得 SVG 合规性支持和成功的收件箱品牌推广!

有关 BIMI 徽标格式的更多详情,请参阅我们的常见问题:SVG Tiny 1.2:营销总监须知。

SVG P/S 合规性:根据 BIMI 更严格的要求编辑 SVG Tiny 1.2 文件。

不得使用位图或脚本:只允许使用纯矢量图形。

标题标签和 HTTPS:始终添加标题标签并安全托管,以便在 BIMI 收件箱中显示。