Márkajelzésének átalakítása BIMI-kompatibilis SVG-vé: a technikai specifikációk magyarázata
Miért igényel a BIMI speciális SVG formátumot?
Ahhoz, hogy márkája logója a BIMI-n keresztül megjelenhessen az e-mail beérkező üzenetekben, logójának egy nagyon speciális SVG formátumban kell lennie: SVG Tiny 1.2, továbbfejlesztett SVG Portable/Secure (SVG P/S). Ez a formátum szigorúbb, mint a szabványos SVG Tiny 1.2, és a teljes megfeleléshez kézi beállításokra van szükség. E lépések nélkül a logó nem jelenik meg - még akkor sem, ha a böngészőben jól néz ki.
Lépésről lépésre útmutató a logó átalakításához
- Kezdje vektoros fájlokkal: Használjon valódi vektoros fájlt (.ai, .eps, .pdf vagy .svg). Kerülje a raszteres formátumokat (PNG, JPEG), mivel ezek nem alakíthatók át közvetlenül vektorosra.
- Nyissa meg az Adobe Illustrator programban: Nyissa meg vektoros logóját Illustratorban, és a legjobb kompatibilitás érdekében győződjön meg róla, hogy egyrétegű, négyzet alakú képről van szó.
- Exportálás SVG Tiny 1.2 formátumban: Válassza a Fájl > Mentés másként > SVG (nem SVGZ) menüpontot. Az SVG beállítások között válassza az "SVG Tiny 1.2" profilt. Nevezze el a fájlt kisbetűvel, szóközök és speciális karakterek nélkül (pl. brand-logo-bimi.svg).
- Szerkessze az SVG-t a BIMI-megfelelőség érdekében: Nyissa meg az SVG-fájlt egy kód/szövegszerkesztő programban. A
<svg>tagben változtassa meg abaseProfileattribútumot "tiny"-ről "tiny-ps"-re. Távolítson el mindenx=vagyy=attribútumot a<svg>tagből. Adjon hozzá egy<title>elemet (max. 65 karakter) és (opcionális) egy<desc>elemet a hozzáférhetőség érdekében. - Ellenőrizze a tiltott elemeket: Győződjön meg róla, hogy az SVG nem tartalmaz szkripteket, animációt, külső linkeket vagy beágyazott raszterképeket. A háttérnek egyszínűnek kell lennie, nem átlátszónak.
- Optimalizálja a fájlméretet: Az SVG fájl nem haladhatja meg a 32 kilobájtot. Távolítsa el a felesleges metaadatokat vagy kódbővítést.
- Validálja az SVG-t: Használja az online BIMI vagy SVG validátorokat a megfelelőség ellenőrzéséhez. Nyissa meg az SVG-t egy böngészőben vagy kódszerkesztőben, hogy meggyőződjön arról, hogy nincsenek bittérképes hivatkozások (keresse az "img/" vagy "xlink:href" kifejezéseket base64 PNG adatokkal).
- Biztonságos tárhely: Töltse fel az SVG-t egy HTTPS-kompatibilis kiszolgálóra, hogy megfeleljen a BIMI követelményeinek.
Gyakori buktatók és hogyan kerüljük el őket
- Helytelen SVG profil: Sok eszköz szabványos SVG-t vagy SVG Tiny 1.2-t exportál, de kézzel kell szerkesztenie az SVG P/S megfelelőséghez.
- x/y attribútumok: Az Illustrator alapértelmezés szerint x= és y= értékeket ad hozzá - ezeket a BIMI esetében távolítsa el.
- Hiányzó címcímke: A hozzáférhetőség és a megfelelőség érdekében mindig adjon hozzá egy <title>-t.
- Beágyazott bittérképek: Győződjön meg róla, hogy az SVG 100%-ban vektoros - ne legyen PNG vagy JPEG hivatkozás.
- Túlméretezett fájlok: Tartsa 32 KB alatt az extra kód eltávolításával és az útvonalak optimalizálásával.
A BIMI-kompatibilis SVG végső ellenőrző listája
Bimi szöveg
- Vektor alapú, négyzet alakú logó: Győződjön meg róla, hogy a logója valódi vektoros és négyzet alakú.
- SVG Tiny 1.2 profil, SVG P/S-re szerkesztve: Exportálja SVG Tiny 1.2-ként, majd szerkessze a
baseProfile="tiny-ps" értéket a<svg>tagben. - Nincs x= vagy y= attribútum a <svg>-ben: Távolítson el minden
x=vagyy=attribútumot a<svg>tagből. - <title> tag jelen van: A
<title>tag (max. 65 karakter) beépítése a hozzáférhetőség és a megfelelőség érdekében. - Nincsenek szkriptek, animáció vagy külső linkek: Az SVG nem tartalmazhat szkripteket, animációt vagy külső erőforrás linkeket.
- Nincsenek beágyazott raszteres képek: Biztosítsa, hogy az SVG 100%-ban vektoros legyen, és ne tartalmazzon beágyazott PNG vagy JPEG képeket.
- Egyszínű háttér: A megbízható megjelenítés érdekében átláthatóság helyett egyszínű hátteret használjon.
- Fájlméret ≤ 32 KB: Optimalizálja az SVG-t úgy, hogy a fájl mérete legfeljebb 32 kilobájt legyen.
- HTTPS-en hosztolt: Töltse fel az SVG-t egy biztonságos, HTTPS-kompatibilis szerverre.
Segítségre van szüksége a logójának BIMI-hez való átalakításában?
Az SVG Tiny 1.2: Amit a marketingigazgatóknak tudniuk kell című GYIK-ben további részleteket talál a BIMI logóformázásról.
SVG P/S megfelelés: Szerkessze meg SVG Tiny 1.2 fájlját a BIMI szigorúbb követelményeinek megfelelően.
Nincsenek bitképek vagy szkriptek: Csak tiszta vektorgrafika megengedett.
Címcímke és HTTPS: A BIMI postaládájában való megjelenítéshez mindig adjon hozzá címkét és biztonságos tárhelyet.