Перетворення логотипу вашого бренду в BIMI-сумісний SVG: пояснення технічних специфікацій
Чому 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" з даними base64 PNG).
- Безпечне розміщення: Завантажте 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
Bimi Text
- Векторний, квадратний логотип: Переконайтеся, що ваш логотип є справжнім векторним і має квадратне співвідношення сторін.
- Профіль SVG Tiny 1.2, відредагований до SVG P/S: Експортуйте як SVG Tiny 1.2, а потім відредагуйте
baseProfile="tiny-ps"у тезі<svg>. - Немає атрибутів x= або y= в <svg>: Видаліть усі атрибути
x=абоy=з тегу<svg>. - Присутній тег <title>: Додайте тег
<title>(максимум 65 символів) для доступності та відповідності стандартам. - Без скриптів, анімації та зовнішніх посилань: SVG не повинен містити жодних скриптів, анімації або посилань на зовнішні ресурси.
- Без вбудованих растрових зображень: Переконайтеся, що SVG на 100% векторний, без вбудованих зображень у форматі PNG або JPEG.
- Суцільнийфоновий колір: Використовуйте суцільний фоновий колір замість прозорості для надійного відображення.
- Розмір файлу ≤ 32 KB: Оптимізуйте SVG, щоб розмір файлу не перевищував 32 кілобайтів.
- Розміщенняна HTTPS: Завантажте SVG на захищений сервер із підтримкою HTTPS.
Потрібна допомога з конвертацією вашого логотипу для BIMI?
Ознайомтеся з нашими поширеними запитаннями про SVG Tiny 1.2: Що потрібно знати маркетинговим директорам, щоб дізнатися більше про форматування логотипів BIMI.
Відповідність SVG P/S: Відредагуйте свій файл SVG Tiny 1.2 відповідно до суворих вимог BIMI.
Ніяких растрових зображень або скриптів: Допускається лише чиста векторна графіка.
Тег заголовка і HTTPS: Завжди додавайте тег заголовка і безпечний хост для відображення вхідних повідомлень BIMI.