hello@bimicertifications.com
Čeština – Česká republika
Převod loga značky do formátu SVG kompatibilního s BIMI

Převod loga značky do formátu SVG kompatibilního s BIMI: vysvětlení technických specifikací

Převedením loga do formátu SVG kompatibilního s BIMI zajistíte, aby vaše značka vynikla ve schránkách doručené pošty. Zde jsou informace, které musí marketéři a designéři o tomto procesu vědět.

Proč BIMI vyžaduje speciální formát SVG

Aby se logo vaší značky zobrazovalo v e-mailových schránkách prostřednictvím služby BIMI, musí být vaše logo ve vysoce specifickém formátu SVG: SVG Tiny 1.2, dále zdokonalený jako SVG Portable/Secure (SVG P/S). Tento formát je přísnější než standardní SVG Tiny 1.2 a vyžaduje ruční úpravy pro dosažení plné shody. Bez těchto kroků se logo nemusí zobrazit - i když v prohlížeči vypadá dobře.

Průvodce krok za krokem pro konverzi loga

  • Začněte vektorovým souborem: Použijte skutečný vektorový soubor (.ai, .eps, .pdf nebo .svg). Vyhněte se rastrovým formátům (PNG, JPEG), protože je nelze přímo převést na vektorové.
  • Otevřete v aplikaci Adobe Illustrator: Otevřete vektorové logo v aplikaci Illustrator a ujistěte se, že se jedná o jednovrstvý čtvercový obrázek, aby byla zajištěna co nejlepší kompatibilita.
  • Export jako SVG Tiny 1.2: Přejděte na Soubor > Uložit jako > SVG (nikoli SVGZ). V možnostech SVG vyberte jako profil "SVG Tiny 1.2". Soubor pojmenujte všemi malými písmeny, bez mezer a speciálních znaků (např. brand-logo-bimi.svg).
  • Upravte SVG pro soulad s BIMI: Otevřete soubor SVG v textovém editoru. V tagu <svg> změňte atribut baseProfile z "tiny" na "tiny-ps". Ze značky <svg> odstraňte všechny atributy x= nebo y=. Přidejte prvek <title> (max. 65 znaků) a (nepovinný) prvek <desc> kvůli přístupnosti.
  • Zkontrolujte, zda nejsou zakázané prvky: Zkontrolujte, zda SVG neobsahuje skripty, animace, externí odkazy nebo vložené rastrové obrázky. Pozadí by mělo být jednobarevné, nikoli průhledné.
  • Optimalizujte velikost souboru: Soubor SVG nesmí překročit 32 kilobajtů. Odstraňte nepotřebná metadata nebo zbytečně velký kód.
  • Validace SVG: Pro kontrolu shody použijte online validátory BIMI nebo SVG. Otevřete SVG v prohlížeči nebo editoru kódu a ověřte, zda neobsahuje odkazy na bitmapu (hledejte "img/" nebo "xlink:href" s daty base64 PNG).
  • Bezpečné hostování: Nahrajte SVG na server podporující protokol HTTPS, abyste splnili požadavky BIMI.

Nejčastější úskalí a jak se jim vyhnout

  • Nesprávný profil SVG: Mnoho nástrojů exportuje standardní SVG nebo SVG Tiny 1.2, ale je nutné je ručně upravit pro soulad s SVG P/S.
  • Atributy x/y: Illustrator standardně přidává x= a y= - pro BIMI je odstraňte.
  • Chybějící značka Title: Vždy přidejte <title> pro zajištění přístupnosti a shody.
  • Vložené bitové mapy: Ujistěte se, že váš SVG je 100% vektorový - žádné odkazy na PNG nebo JPEG.
  • Nadměrně velké soubory: Udržujte velikost souborů pod 32 KB odstraněním dodatečného kódu a optimalizací cest.

Závěrečný kontrolní seznam pro SVG kompatibilní s BIMI

Bimi Text

  • Vektorové čtvercové logo: Ujistěte se, že vaše logo je skutečně vektorové a má čtvercový poměr stran.
  • Profil SVG Tiny 1.2 upravený na SVG P/S: Exportujte jako SVG Tiny 1.2 a poté upravte baseProfile="tiny-ps" v tagu <svg>.
  • Žádné atributy x= nebo y= v <svg>: Odstraňte všechny atributy x= nebo y= ze značky <svg>.
  • Přítomnost tagu <title>: Zahrňte značku <title> (max. 65 znaků) kvůli přístupnosti a souladu s předpisy.
  • Žádné skripty, animace ani externí odkazy: SVG nesmí obsahovat žádné skripty, animace ani odkazy na externí zdroje.
  • Žádné vložené rastrové obrázky: Ujistěte se, že SVG je 100% vektorový a neobsahuje žádné vložené obrázky PNG nebo JPEG.
  • Plná barva pozadí: Pro spolehlivé zobrazení použijte místo průhlednosti plnou barvu pozadí.
  • Velikost souboru ≤ 32 KB: Optimalizujte soubor SVG tak, aby jeho velikost byla 32 kilobajtů nebo menší.
  • Hostování na HTTPS: Nahrajte SVG na zabezpečený server s podporou HTTPS.

Potřebujete pomoc s převodem loga pro BIMI?

Kontaktujte naše agenty a získejte praktickou podporu pro dodržování pravidel SVG a úspěch při budování značky inbox!

Obraťte se na odborníka

Další podrobnosti o formátování loga BIMI naleznete v našem dokumentu Často kladené otázky o SVG Tiny 1.2: Co potřebují vědět marketingoví ředitelé.

Shoda s SVG P/S: Upravte svůj soubor SVG Tiny 1.2 podle přísnějších požadavků BIMI.

Žádné bitové mapy ani skripty: Povolena je pouze čistá vektorová grafika.

Značka Title a HTTPS: Vždy přidejte značku Title a hostitele bezpečně pro zobrazení ve schránce BIMI.