Создание SVG-файла BIMI (подробные шаги)

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

Currently, there are no applications to create an SVG file that meets all BIMI requirements. SVG files for BIMI typically need to be modified manually using a text editor, or with a special-purpose script. Learn about recommended tools for creating a BIMI SVG file .

You can use Adobe Illustrator to create an SVG file, then make some minor changes with a text editor. When creating your SVG file, make sure you follow SVG file requirements and recommendations .

  1. Откройте исходное векторное изображение в Illustrator. Убедитесь, что файл изображения соответствует следующим требованиям и рекомендациям для изображений Gmail BIMI (которые дополняют требования стандарта BIMI):
    1. Minimum height and width is 96 pixels.
    2. Размер изображения необходимо указывать в абсолютных пикселях. Пример: width="96" height="96"
    3. Не используйте относительные размеры для указания размера изображения. Пример: width="100%" height="100%"
    4. Изображение логотипа должно быть центрировано в квадрате.
    5. The logo image should appear on a solid color background. Transparent backgrounds might not display as expected.
    6. Размер SVG-файла должен быть не более 32 КБ.
    7. В SVG-файле должен присутствовать элемент <desc> (описание) для обеспечения доступности.
    8. Файл SVG не должен содержать: растровые изображения, ссылки на другие файлы, текст или сгруппированные объекты. Чтобы сохранить текст в файле как объект, используйте функцию Illustrator «Создать контуры» .
  2. Select File > Save As…
  3. В окне «Сохранить как» :
    • Введите имя файла в поле «Сохранить как» . Рекомендуем использовать только строчные буквы и дефисы, например, mybrand-bimi.svg. Не используйте специальные символы.
    • Рядом с пунктом «Формат» выберите SVG (svg) . Не выбирайте «Сжатый SVG (svgz)» .
  4. Нажмите кнопку «Сохранить» .
  5. In the SVG Options window:
    • Next to SVG Profiles , select SVG Tiny 1.2 .
    • Рядом с полем «Местоположение изображения» выберите «Сохранить» .
  6. Click the OK button to finish saving the file.

  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 .
    • Change the baseProfile value to tiny-ps .
    • Удалите атрибуты и значения x и y .
    • Добавьте тег <title> и значение, как показано в примере на шаге 8. Заголовок должен располагаться после <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. Все остальные названия компаний и продуктов являются товарными знаками компаний, с которыми они связаны.