Как создать SVG-файл для BIMI (подробные инструкции)

На этой странице рассказывается, как создать SVG-файл для BIMI, чтобы добавить логотип бренда к исходящим письмам, используя BIMI.

В настоящее время нет приложений, которые позволяют создать SVG-файл, отвечающий всем требованиям BIMI. SVG-файл для BIMI нужно изменить вручную, используя текстовый редактор или специальный скрипт. Ознакомьтесь с рекомендуемыми инструментами для создания SVG-файла для BIMI.

Вы можете создать SVG-файл в Adobe Illustrator, а затем внести в него небольшие изменения с помощью текстового редактора. При создании SVG-файла следуйте требованиям и рекомендациям.

  1. Откройте исходное векторное изображение в Illustrator. Убедитесь, что изображение в файле соответствует следующим требованиям и рекомендациям для изображений BIMI в Gmail (в дополнение к требованиям стандарта BIMI):
    1. Минимальная высота и ширина – 96 пикселей.
    2. Размер изображения нужно указывать в абсолютных пикселях. Пример: width="96" height="96"
    3. Не указывайте размер изображения в относительных единицах. Пример: width="100%" height="100%"
    4. Изображение логотипа должно быть размещено в центре квадрата.
    5. Изображение логотипа должно быть размещено на фоне со сплошной заливкой. Прозрачный фон может отображаться неправильно.
    6. Размер SVG-файла не должен превышать 32 КБ.
    7. В SVG-файле должен быть элемент <desc> (описание) для удобства работы пользователей, которым нужны специальные возможности.
    8. SVG-файл не должен содержать: растровые изображения, ссылки на другие файлы, текст или сгруппированные объекты. Чтобы оставить текст в файле, преобразовав его в объект, используйте в Illustrator функцию Создать кривые.
  2. Нажмите Файл > Сохранить как.
  3. В окне Сохранить как:
    • Введите название файла в поле Сохранить как. Рекомендуем использовать только строчные буквы и дефисы, например mybrand-bimi.svg. Не используйте специальные символы.
    • В списке Формат выберите SVG (svg). Не выбирайте Сжатый SVG (svgz).
  4. Нажмите кнопку Сохранить.
  5. В окне Параметры SVG:
    • В списке Профили SVG выберите SVG Tiny 1.2.
    • Рядом с параметром Расположение изображения установите флажок Сохранить.
  6. Нажмите кнопку "ОК", чтобы сохранить файл.

  7. Откройте файл в текстовом редакторе. Вам нужно изменить первую часть файла. Она выглядит примерно так:

    <?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">

  8. Измените строки 3 и 4 текстового файла:

    • Убедитесь, что в столбце svg version указано значение 1.2. Если это не так, укажите значение 1.2 вручную.
    • Измените значение baseProfile на tiny-ps.
    • Удалите атрибуты x и y вместе с их значениями.
    • Добавьте тег <title> и значение, как показано в примере на шаге 8. Тег title должен находиться между тегами <svg и <g>.

  9. После изменений убедитесь, что первая часть файла выглядит примерно так:

    <?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">

  10. Сохраните внесенные изменения. У файла должно остаться расширение .svg.

Дальнейшие действия

Затем получите сертификат VMC и связанные файлы PEM и сертификата.


Google, Google Workspace и связанные наименования и логотипы являются товарными знаками компании Google LLC. Все другие названия компаний и продуктов являются товарными знаками соответствующих компаний.