Obrázek tvoří bajty; Base64 je zapisuje jako text
Při kódování obrázku do Base64 se bajty souboru PNG, JPEG, WebP, GIF nebo bezpečného SVG zapíší znaky abecedy Base64. Výstupem je datová URL: začíná typem MIME, například data:image/png;base64, a pokračuje zakódovanými bajty. Takovou URL lze použít jako zdroj obrázku nebo ji předat systému, který očekává text. Kódování obrázek nezmenší ani nezmění jeho vizuální kvalitu. Text Base64 bývá asi o třetinu delší než původní binární data, a to ještě bez úvodního řetězce.
Tato stránka provádí i opačný krok. Vyberte Base64 na obrázek, vložte celou datovou URL nebo samotné Base64 a při chybějícím úvodu určete formát. Nástroj obnoví bajty, ověří typ podle podpisu souboru, zobrazí náhled a nabídne stažení. Oba směry jsou části jedné úlohy; přepínání na jedné stránce brání téměř stejnému obsahu na dvou adresách.
Příklad převodu tam a zpět
Po zakódování jednopixelového PNG začíná datová URL textem data:image/png;base64,. První znaky kódované části mohou být iVBORw0KGgo. Tento začátek pochází z podpisu souboru PNG, zbytek řetězce obsahuje data obrázku. Vložte celou URL do opačného směru a v náhledu by se měl znovu objevit tentýž obraz. Stažený soubor obsahuje dekódované bajty. Nástroj bitmapu znovu nekreslí, takže platný převod tam a zpět může zachovat původní bajty.
Malá vložená ikona se hodí v samostatném příkladu HTML nebo při testu API. Na běžném webu se samostatný obrázek často snáz ukládá do mezipaměti, vyměňuje a kontroluje. Před vložením porovnejte skutečné velikosti. Několikamegabajtový obrázek vytvoří velmi dlouhý řetězec, zhorší čitelnost zdrojového kódu a při kopírování nebo zpracování může zpomalit prohlížeč.
Kontrola formátu a obvyklé chyby
Base64 je kódování, nikoli šifrování. Každý, kdo uvidí řetězec, může obrázek obnovit. Nezveřejňujte soukromou fotografii jen proto, že byla zakódována. Pokud chybí začátek datové URL, zvolte správný typ MIME; označení bajtů JPEG jako PNG nepřevede soubor. Dekodér kontroluje běžné podpisy formátů a při nesouladu odmítne nabídnout zavádějící soubor. Mezery v kopírovaném Base64 lze ignorovat, ale neúplná data nelze automaticky opravit.
Na rozdíl od textového kodéru Base64 tento nástroj pracuje s bajty souboru, ne s písmeny jeho názvu či popisu. SVG musí být bezpečné a samostatné. Limit velikosti chrání paměť prohlížeče před příliš velkým vloženým řetězcem. Když po dekódování selže náhled, ověřte úplnost zdrojových dat a shodu uvedeného typu MIME se skutečným formátem.