Konwersja logo marki do formatu SVG zgodnego z BIMI

Dlaczego BIMI wymaga specjalnego formatu SVG?

Aby wyświetlić logo marki w skrzynkach e-mail za pośrednictwem BIMI, logo musi być w bardzo specyficznym formacie SVG: SVG Tiny 1.2, udoskonalonym jako SVG Portable/Secure (SVG P/S). Format ten jest bardziej rygorystyczny niż standardowy SVG Tiny 1.2 i wymaga ręcznego dostosowania w celu uzyskania pełnej zgodności. Bez tych kroków logo może nie być wyświetlane - nawet jeśli wygląda dobrze w przeglądarce.

Przewodnik krok po kroku dotyczący konwersji logo

  • Zacznij od pliku wektorowego: Użyj prawdziwego pliku wektorowego (.ai, .eps, .pdf lub .svg). Unikaj formatów rastrowych (PNG, JPEG), ponieważ nie można ich bezpośrednio przekonwertować na format wektorowy.
  • Otwórz w programie Adobe Illustrator: Otwórz swoje logo wektorowe w programie Illustrator i upewnij się, że jest to jednowarstwowy, kwadratowy obraz, aby uzyskać najlepszą kompatybilność.
  • Eksportuj jako SVG Tiny 1.2: Przejdź do Plik > Zapisz jako > SVG (nie SVGZ). W opcjach SVG wybierz "SVG Tiny 1.2" jako profil. Nazwij plik małymi literami, bez spacji i znaków specjalnych (np. brand-logo-bimi.svg).
  • Edytuj SVG pod kątem zgodności z BIMI: Otwórz plik SVG w edytorze kodu/tekstu. Zmień atrybut baseProfile z "tiny" na "tiny-ps" w znaczniku <svg>. Usuń wszelkie atrybuty x= lub y= ze znacznika <svg>. Dodaj element <title> (maks. 65 znaków) i (opcjonalnie) element <desc> w celu zapewnienia dostępności.
  • Sprawdź niedozwolone elementy: Upewnij się, że plik SVG nie zawiera skryptów, animacji, linków zewnętrznych ani osadzonych obrazów rastrowych. Tło powinno być jednolitego koloru, a nie przezroczyste.
  • Optymalizacja rozmiaru pliku: Plik SVG nie może przekraczać 32 kilobajtów. Usuń niepotrzebne metadane lub nadmiar kodu.
  • Walidacja SVG: Użyj internetowych walidatorów BIMI lub SVG, aby sprawdzić zgodność. Otwórz SVG w przeglądarce lub edytorze kodu, aby potwierdzić brak odniesień do bitmap (wyszukaj "img/" lub "xlink:href" z danymi base64 PNG).
  • Hostuj bezpiecznie: Prześlij plik SVG na serwer obsługujący protokół HTTPS, aby spełnić wymagania BIMI.

Najczęstsze pułapki i sposoby ich unikania

  • Nieprawidłowy profil SVG: Wiele narzędzi eksportuje standardowy SVG lub SVG Tiny 1.2, ale musisz ręcznie edytować pod kątem zgodności z SVG P/S.
  • Atrybuty x/y: Illustrator domyślnie dodaje x= i y= - usuń je dla BIMI.
  • Brakujący znacznik tytułu: Zawsze dodawaj <title> w celu zapewnienia dostępności i zgodności.
  • Osadzone mapy bitowe: Upewnij się, że SVG jest w 100% wektorowy - bez odniesień PNG lub JPEG.
  • Zbyt duże pliki: Nie przekraczaj 32 KB, usuwając dodatkowy kod i optymalizując ścieżki.

Końcowa lista kontrolna dla SVG zgodnego z BIMI

Tekst Bimi

  • Wektorowe, kwadratowe logo: Upewnij się, że logo jest prawdziwym wektorem i ma kwadratowe proporcje.
  • Profil SVG Tiny1.2 edytowany do SVG P/S: Eksportuj jako SVG Tiny 1.2, a następnie edytuj baseProfile="tiny-ps" w znaczniku <svg>.
  • Brak atrybutów x= lub y= w <svg>: Usuń wszelkie atrybuty x= lub y= ze znacznika <svg>.
  • Obecność znacznika <title>: Dołącz znacznik <title> (maks. 65 znaków) w celu zapewnienia dostępności i zgodności.
  • Brak skryptów, animacji lub linków zewnętrznych: SVG nie może zawierać żadnych skryptów, animacji ani linków do zasobów zewnętrznych.
  • Brak osadzonych obrazów rastrowych: SVG musi być w 100% wektorowy, bez osadzonych obrazów PNG lub JPEG.
  • Jednolity kolor tła: Użyj jednolitego koloru tła zamiast przezroczystości, aby zapewnić niezawodne wyświetlanie.
  • Rozmiar pliku ≤ 32 KB: Zoptymalizuj plik SVG tak, aby jego rozmiar nie przekraczał 32 kilobajtów.
  • Hosted on HTTPS: Prześlij plik SVG na bezpieczny serwer obsługujący protokół HTTPS.

Potrzebujesz pomocy w konwersji logo dla BIMI?

Skontaktuj się z naszymi agentami, aby uzyskać praktyczne wsparcie w zakresie zgodności z SVG i odnieść sukces w brandingu skrzynek odbiorczych!

Zapoznaj się z naszym FAQ na temat SVG Tiny 1.2: Co dyrektorzy marketingu powinni wiedzieć, aby uzyskać więcej informacji na temat formatowania logo BIMI.

Zgodność z SVG P/S: Edytuj swój plik SVG Tiny 1.2 pod kątem bardziej rygorystycznych wymagań BIMI.

Żadnych bitmap ani skryptów: Dozwolona jest tylko czysta grafika wektorowa.

Tag tytułu i HTTPS: Zawsze dodawaj tag tytułu i hostuj bezpiecznie dla wyświetlania skrzynki odbiorczej BIMI.