
Преобразование логотипа вашего бренда в SVG, соответствующий BIMI: технические характеристики объяснены
Почему для 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-файл в редакторе кода/текста. Измените атрибут
baseProfile
с "tiny" на "tiny-ps" в теге<svg>
. Удалите все атрибутыx=
иy=
из тега<svg>
. Добавьте элемент<title>
(не более 65 символов) и (необязательно) элемент<desc>
для обеспечения доступности. - Проверьте наличие запрещенных элементов: Убедитесь, что SVG не содержит скриптов, анимации, внешних ссылок или встроенных растровых изображений. Фон должен быть однотонным, не прозрачным.
- Оптимизируйте размер файла: Размер SVG-файла не должен превышать 32 килобайт. Удалите ненужные метаданные или раздутый код.
- Проверьте SVG: Для проверки соответствия используйте онлайновые валидаторы BIMI или SVG. Откройте SVG в браузере или редакторе кода, чтобы убедиться в отсутствии ссылок на растровые изображения (ищите "img/" или "xlink:href" с данными PNG в формате base64).
- Безопасное размещение: Загрузите SVG на сервер с поддержкой HTTPS, чтобы соответствовать требованиям BIMI.
Распространенные ловушки и как их избежать
- Неправильный профиль SVG: Многие инструменты экспортируют стандартный SVG или SVG Tiny 1.2, но для соответствия SVG P/S необходимо вручную вносить изменения.
- Атрибуты x/y: Illustrator добавляет x= и y= по умолчанию - удалите их для BIMI.
- Отсутствует тег заголовка: Всегда добавляйте <title> для обеспечения доступности и соответствия требованиям.
- Встроенные растровые изображения: Убедитесь, что ваш SVG на 100% векторный - никаких ссылок на PNG или JPEG.
- Негабаритные файлы: Не превышайте 32 КБ, удаляя лишний код и оптимизируя пути.
Окончательный контрольный список для BIMI-совместимого SVG
Бими Текст
- Векторный, квадратный логотип: Убедитесь, что ваш логотип - настоящий вектор и имеет квадратное соотношение сторон.
- Профиль SVG Tiny 1.2, отредактированный в SVG P/S: Экспортируйте как SVG Tiny 1.2, затем измените
baseProfile="tiny-ps"
в теге<svg>
. - В <svg> нет атрибутов x= или y=: Удалите все атрибуты
x=
илиy=
из тега<svg>
. - Присутствует тег <title>: Включите тег
<title>
(не более 65 символов) для обеспечения доступности и соответствия требованиям. - Отсутствие скриптов, анимации и внешних ссылок: SVG не должен содержать скриптов, анимации или ссылок на внешние ресурсы.
- Никаких встроенных растровых изображений: Убедитесь, что SVG на 100% векторный и не содержит встроенных изображений PNG или JPEG.
- Сплошной цвет фона: используйте сплошной цвет фона вместо прозрачного для надежного отображения.
- Размер файла ≤ 32 КБ: Оптимизируйте SVG, чтобы размер файла не превышал 32 килобайт.
- Размещение на HTTPS: загружайте SVG на безопасный сервер с поддержкой HTTPS.
Нужна помощь в преобразовании вашего логотипа для BIMI?
Изучите наш FAQ по SVG Tiny 1.2: что нужно знать директорам по маркетингу, чтобы получить более подробную информацию о форматировании логотипов BIMI.
Соответствие SVG P/S: Отредактируйте свой файл SVG Tiny 1.2 в соответствии с более строгими требованиями BIMI.
Никаких растровых изображений или скриптов: Допускается только чистая векторная графика.
Тег заголовка и HTTPS: Всегда добавляйте тег заголовка и безопасный хостинг для отображения в ящике BIMI.