
将品牌徽标转换为符合 BIMI 标准的 SVG:技术规格说明
通过将徽标转换为符合 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 Tiny 1.2:营销总监须知。
SVG P/S 合规性:根据 BIMI 更严格的要求编辑 SVG Tiny 1.2 文件。
不得使用位图或脚本:只允许使用纯矢量图形。
标题标签和 HTTPS:始终添加标题标签并安全托管,以便在 BIMI 收件箱中显示。