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

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

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

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

  1. Откройте исходное векторное изображение в Illustrator. Убедитесь, что файл изображения соответствует следующим требованиям и рекомендациям для изображений Gmail BIMI (которые дополняют требования стандарта 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. Заголовок должен располагаться после <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. Все остальные названия компаний и продуктов являются товарными знаками компаний, с которыми они связаны.