Obrázok na Base64

Tento prevodník obrázka na Base64 premení obrázok na dátové URI, dlhý textový reťazec, ktorý obrázok vkladá priamo, plus pripravený úryvok CSS pozadia. Obrázok môžete vložiť priamo namiesto odkazovania na samostatný súbor.

Beží lokálne vo vašom prehliadači, takže váš obrázok sa načíta na vašom zariadení a nikdy sa nenahráva.

Dátové URI nesie celý obrázok vnútri značiek, takže prehliadač nerobí samostatnú sieťovú požiadavku na jeho stiahnutie. Pri malých prvkoch, ako sú ikony, môže táto ušetrená cesta spraviť, že sa stránka javí rýchlejšia.

Háčik je vo veľkosti a ukladaní do vyrovnávacej pamäte. Base64 pridáva zhruba 33 percent réžie, pretože binárne dáta reprezentuje obmedzenou textovou abecedou, a priamo vložený obrázok sa nedá ukladať do vyrovnávacej pamäte samostatne, takže sa stiahne znova s každou stránkou, ktorá ho obsahuje.

Pravidlo je vkladať priamo malé obrázky, ikony, drobné logá alebo sprite, kde sa vyhnutie požiadavke oplatí za réžiu, a väčšie obrázky ponechať ako bežné súbory, ktoré prehliadač dokáže ukladať do vyrovnávacej pamäte a načítať paralelne.

Dátové URI fungujú všade, kde sa prijíma adresa URL: v img src, CSS pozadí alebo v poli v JSON či e-mailovej šablóne. Vďaka tomu sú užitočné pre samostatné úryvky.