Obrázok tvoria bajty; Base64 ich zapisuje ako text
Pri kódovaní obrázka na Base64 sa bajty súboru PNG, JPEG, WebP, GIF alebo bezpečného SVG zapíšu znakmi abecedy Base64. Výstupom je dátová URL: začína typom MIME, napríklad data:image/png;base64, a pokračuje zakódovanými bajtmi. Takú URL možno vložiť ako zdroj obrázka alebo poslať systému, ktorý očakáva text. Kódovanie obrázok nezmenší ani nezmení jeho vizuálnu kvalitu. Text Base64 býva približne o tretinu dlhší než pôvodné binárne dáta, a to ešte bez úvodnej časti.
Táto stránka robí aj opačný krok. Vyberte Base64 na obrázok, vložte úplnú dátovú URL alebo samotnú Base64 a pri chýbajúcom úvode určte obrazový formát. Nástroj obnoví bajty, overí typ podľa podpisu súboru, ukáže náhľad a ponúkne stiahnutie. Obe smerovania patria do jedného pracovného postupu; prepínač na jednej stránke predchádza takmer rovnakému obsahu na dvoch adresách.
Príklad prevodu tam a späť
Po zakódovaní jednopixelového PNG sa dátová URL začína textom data:image/png;base64,. Prvé znaky zakódovanej časti môžu byť iVBORw0KGgo. Tento začiatok vychádza z podpisu súboru PNG; zvyšok reťazca nesie údaje obrázka. Vložte celú URL do opačného smeru a v náhľade by sa mal objaviť ten istý obraz. Stiahnutý súbor obsahuje dekódované bajty. Nástroj pritom bitmapu znovu nevykresľuje, takže platný prevod tam a späť môže zachovať pôvodné bajty.
Malá vložená ikona môže byť praktická v samostatnom príklade HTML alebo pri skúšaní API. Na bežnom webe sa samostatný obrázok často ľahšie ukladá do vyrovnávacej pamäte, mení a kontroluje. Pred vložením porovnajte skutočné veľkosti. Niekoľkomegabajtový obrázok vytvorí veľmi dlhý reťazec, zneprehľadní zdrojový kód a pri kopírovaní alebo spracovaní môže spomaliť prehliadač.
Kontrola formátu a časté chyby
Base64 je kódovanie, nie šifrovanie. Každý, kto uvidí reťazec, môže obnoviť obrázok. Nezverejňujte súkromnú fotografiu len preto, že bola zakódovaná. Ak chýba úvod dátovej URL, zvoľte správny typ MIME; označenie bajtov JPEG ako PNG súbor neprevedie. Dekodér overuje bežné podpisy formátov a pri nesúlade odmietne vytvoriť zavádzajúci súbor. Medzery v skopírovanej Base64 možno ignorovať, neúplné dáta však nejde automaticky opraviť.
Na rozdiel od textového kodéra Base64 tento nástroj pracuje s bajtmi obrázka, nie s písmenami jeho názvu alebo popisu. SVG musí byť bezpečné a samostatné. Limit veľkosti chráni pamäť prehliadača pred priveľkým vloženým reťazcom. Ak po dekódovaní zlyhá náhľad, skontrolujte úplnosť pôvodných dát a zhodu uvedeného typu MIME s ich skutočným formátom.