Преобразование логотипа вашего бренда в 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?

Обратитесь к нашим специалистам, чтобы получить практическую поддержку по соблюдению SVG и добиться успеха в брендинге!

Изучите наш FAQ по SVG Tiny 1.2: что нужно знать директорам по маркетингу, чтобы получить более подробную информацию о форматировании логотипов BIMI.

Соответствие SVG P/S: Отредактируйте свой файл SVG Tiny 1.2 в соответствии с более строгими требованиями BIMI.

Никаких растровых изображений или скриптов: Допускается только чистая векторная графика.

Тег заголовка и HTTPS: Всегда добавляйте тег заголовка и безопасный хостинг для отображения в ящике BIMI.