Ukážka pred
Ukážka po
Obsah
-
Base64 kodér obrázkov (prevod obrázka na text)
-
Vyskúšať s ukážkou
-
O tejto funkcii
-
Ako na to
-
Výhody DataChef
-
Čo je kódovanie Base64 ⇒ prevod binárnych dát na text
-
Výhody kódovania Base64 pri obrázkoch na webe
-
Na čo si dať pozor pri kódovaní Base64 na webe
-
Zhrnutie
-
ImageChef – všetky funkcie
-
Časté otázky
O tejto funkcii
Na tejto stránke zakódujete nahraný obrázok do formátu Base64 a jeho výsledok dostanete ako text.
Celý reťazec Base64 skopírujete jediným stlačením tlačidla „Kopírovať“, prípadne si ho môžete stiahnuť aj ako textový súbor.
Vybrať si môžete, či sa výstup vypíše ako HTML značka![]()
, alebo ako vlastnosť background-image v CSS.
Podporované formáty pôvodného obrázka sú JPEG, PNG a GIF.
Celý reťazec Base64 skopírujete jediným stlačením tlačidla „Kopírovať“, prípadne si ho môžete stiahnuť aj ako textový súbor.
Vybrať si môžete, či sa výstup vypíše ako HTML značka
Podporované formáty pôvodného obrázka sú JPEG, PNG a GIF.
Ako na to
-
1Vyberte obrázokStlačte tlačidlo „VYBRAŤ SÚBOR“ alebo obrázok pretiahnite na obrazovku.
-
2KonvertujteStlačte tlačidlo „KONVERTOVAŤ ZADARMO“.
-
3StiahniteStlačte tlačidlo „Stiahnuť“.
Výhody DataChef
Jednoducho a zadarmo
Neobmedzený počet konverzií zadarmo
Bez odborných znalostí – jednoduché a intuitívne ovládanie
Bez odborných znalostí – jednoduché a intuitívne ovládanie
Bez registrácie
Použiteľné hneď po otvorení stránky
Nie je potrebné zadávať žiadne osobné údaje
Nie je potrebné zadávať žiadne osobné údaje
Bezpečne a spoľahlivo
Šifrované spojenie (SSL)
Súbor sa automaticky vymaže po stlačení tlačidla „Stiahnuť“
Súbor sa automaticky vymaže po stlačení tlačidla „Stiahnuť“
Rýchlo
Rýchle načítanie aj rýchla konverzia
Bez vodoznaku
Žiadny vodoznak
Nie je potrebné uvádzať zdroj
Nie je potrebné uvádzať zdroj
Komerčné použitie povolené
Zadarmo aj na komerčné použitie
Nie je potrebný žiadny predchádzajúci súhlas
Nie je potrebný žiadny predchádzajúci súhlas
■Čo je kódovanie Base64 ⇒ prevod binárnych dát na text
Obrázky sa bežne ukladajú v binárnej podobe. Kódovanie Base64 prevedie binárne dáta na reťazec znakov, takže sa s obrázkom dá pracovať ako s obyčajným textom. Pre návštevníka stránky sa výsledok od bežného obrázka nijako nelíši.
■Výhody kódovania Base64 pri obrázkoch na webe
1. Menej požiadaviek na server:
Vďaka kódovaniu Base64 vložíte obrázok priamo do HTML alebo CSS. Obrázok sa načíta ako súčasť dokumentu, takže sa zníži počet načítaní externých súborov. V niektorých prípadoch sa tým skráti čas načítania stránky.
2. Stabilné rozloženie stránky:
Kódovanie Base64 dokáže zabrániť tomu, aby sa dizajn počas načítavania stránky rozsypal. Na stránkach s množstvom ikon namiesto písma a s drobnými dizajnovými prvkami sa rozloženie hneď po otvorení nakrátko posunie, kým sa všetky obrázky nenačítajú. Keď je obrázok súčasťou dokumentu, nenačítava sa ako samostatný súbor v inom čase, a k posunu tak nedôjde.
3. Ochrana obrázka:
Takýto obrázok sa sťahuje ťažšie než bežný obrázkový súbor. Uloženie pravým tlačidlom myši ani podržaním prsta nefunguje, takže sa nedá jednoducho ukradnúť.
■Na čo si dať pozor pri kódovaní Base64 na webe
1. Nárast objemu dát:
Kódovanie Base64 spravidla zväčší objem dát oproti pôvodnej binárnej podobe. Pri veľkom obrázku tak narastie veľkosť samotnej stránky a načítanie môže trvať dlhšie.
2. Slabšie využitie vyrovnávacej pamäte:
Obrázok zakódovaný do Base64 sa neuloží do vyrovnávacej pamäte ako samostatný súbor. Ak ten istý obrázok použijete aj na inej stránke, stiahne sa znova. Keď je pre vás vyrovnávacia pamäť dôležitá, treba to zvážiť.
3. Podpora v prehliadačoch:
Niektoré staršie prehliadače majú so zobrazením obrázkov v Base64 problémy. Použite preto aktuálny prehliadač alebo si podporu vopred overte.
■Zhrnutie
Celkovo sa kódovanie Base64 oplatí pri malých obrázkoch, ako sú ikony a drobné dizajnové prvky, a vždy, keď chcete znížiť počet požiadaviek na externé súbory. Pri veľkých obrázkoch a všade tam, kde je dôležitá vyrovnávacia pamäť, zvážte radšej bežný externý súbor. S touto úvahou vám Base64 pomôže zvýšiť kvalitu vášho webu.
■Čo je kódovanie Base64 ⇒ prevod binárnych dát na text
Obrázky sa bežne ukladajú v binárnej podobe. Kódovanie Base64 prevedie binárne dáta na reťazec znakov, takže sa s obrázkom dá pracovať ako s obyčajným textom. Pre návštevníka stránky sa výsledok od bežného obrázka nijako nelíši.
■Výhody kódovania Base64 pri obrázkoch na webe
1. Menej požiadaviek na server:
Vďaka kódovaniu Base64 vložíte obrázok priamo do HTML alebo CSS. Obrázok sa načíta ako súčasť dokumentu, takže sa zníži počet načítaní externých súborov. V niektorých prípadoch sa tým skráti čas načítania stránky.
2. Stabilné rozloženie stránky:
Kódovanie Base64 dokáže zabrániť tomu, aby sa dizajn počas načítavania stránky rozsypal. Na stránkach s množstvom ikon namiesto písma a s drobnými dizajnovými prvkami sa rozloženie hneď po otvorení nakrátko posunie, kým sa všetky obrázky nenačítajú. Keď je obrázok súčasťou dokumentu, nenačítava sa ako samostatný súbor v inom čase, a k posunu tak nedôjde.
3. Ochrana obrázka:
Takýto obrázok sa sťahuje ťažšie než bežný obrázkový súbor. Uloženie pravým tlačidlom myši ani podržaním prsta nefunguje, takže sa nedá jednoducho ukradnúť.
■Na čo si dať pozor pri kódovaní Base64 na webe
1. Nárast objemu dát:
Kódovanie Base64 spravidla zväčší objem dát oproti pôvodnej binárnej podobe. Pri veľkom obrázku tak narastie veľkosť samotnej stránky a načítanie môže trvať dlhšie.
2. Slabšie využitie vyrovnávacej pamäte:
Obrázok zakódovaný do Base64 sa neuloží do vyrovnávacej pamäte ako samostatný súbor. Ak ten istý obrázok použijete aj na inej stránke, stiahne sa znova. Keď je pre vás vyrovnávacia pamäť dôležitá, treba to zvážiť.
3. Podpora v prehliadačoch:
Niektoré staršie prehliadače majú so zobrazením obrázkov v Base64 problémy. Použite preto aktuálny prehliadač alebo si podporu vopred overte.
■Zhrnutie
Celkovo sa kódovanie Base64 oplatí pri malých obrázkoch, ako sú ikony a drobné dizajnové prvky, a vždy, keď chcete znížiť počet požiadaviek na externé súbory. Pri veľkých obrázkoch a všade tam, kde je dôležitá vyrovnávacia pamäť, zvážte radšej bežný externý súbor. S touto úvahou vám Base64 pomôže zvýšiť kvalitu vášho webu.