Ukázka před
Ukázka po
O této funkci
Na této stránce zakódujete nahraný obrázek do Base64 a získáte výsledný text.
Celý Base64 řetězec zkopírujete jediným kliknutím na tlačítko kopírovat, nebo si jej můžete stáhnout jako textový soubor.
Vyberte si, zda chcete výstup jako HTML značku![]()
, nebo jako vlastnost CSS background-image.
Podporované formáty zdrojového obrázku jsou JPEG, PNG a GIF.
Celý Base64 řetězec zkopírujete jediným kliknutím na tlačítko kopírovat, nebo si jej můžete stáhnout jako textový soubor.
Vyberte si, zda chcete výstup jako HTML značku
Podporované formáty zdrojového obrázku jsou JPEG, PNG a GIF.
Jak na to
-
1Vyberte obrázekKlikněte na tlačítko "Vybrat", nebo obrázek přetáhněte na stránku.
-
2PřeveďteKlikněte na tlačítko "PŘEVÉST ZDARMA".
-
3StáhněteKlikněte na tlačítko "Stáhnout".
Výhody DataChef
Snadné a zdarma
Neomezené převody zdarma
Bez odborných znalostí – intuitivní a snadné ovládání
Bez odborných znalostí – intuitivní a snadné ovládání
Není nutná registrace
K dispozici ihned po otevření stránky
Bez zadávání osobních údajů
Bez zadávání osobních údajů
Bezpečné a spolehlivé
Silně šifrované připojení
Soubor se po stažení automaticky smaže
Soubor se po stažení automaticky smaže
Rychlé
Rychlé zobrazení i převod bez čekání
Bez vodoznaku
Žádný vodoznak
Není nutné uvádět zdroj
Není nutné uvádět zdroj
Komerční využití povoleno
Komerční využití zdarma
Bez nutnosti žádat o povolení
Bez nutnosti žádat o povolení
■Co je kódování Base64? ⇒ Převod binárních dat na text
Obrázky se obvykle ukládají jako binární data. Kódování Base64 převádí tato binární data na textový řetězec, takže lze obrázek zpracovávat jako text. Pro vaše návštěvníky vypadá úplně stejně jako běžný obrázek.
■Výhody obrázků kódovaných v Base64 na webu
1. Méně HTTP požadavků:
Díky kódování Base64 můžete vkládat obrázky přímo do HTML nebo CSS. Obrázek se přenáší jako součást dokumentu, takže prohlížeč načítá méně externích souborů, což může zkrátit dobu načítání stránky.
2. Stabilní rozvržení:
Kódování Base64 může zabránit tomu, aby se design rozpadl, dokud se stránka ještě načítá. Na stránkách s mnoha ikonami nebo drobnými prvky designu se může rozvržení na okamžik posunout, než dorazí každý obrázek. Obrázek v Base64 je součástí samotného dokumentu, takže se nikdy nenačte se zpožděním jako samostatný soubor.
3. Ochrana obrázku:
Obrázky v Base64 se stahují obtížněji než běžné obrazové soubory. Nelze je uložit obvyklými způsoby, jako je kliknutí pravým tlačítkem a uložení nebo podržení prstu, takže prosté zkopírování je mnohem těžší.
■Na co dát pozor při použití obrázků v Base64 na webu
1. Větší velikost dat:
Kódování Base64 obvykle vytvoří více dat než původní binární soubor. Zakódování velkého obrázku nafoukne velikost stránky a může zpomalit načítání.
2. Slabší účinek mezipaměti:
Obrázky kódované v Base64 se neukládají do mezipaměti jako externí soubory. Pokud se stejný obrázek objeví na jiné stránce, musí se stáhnout znovu. Pokud je pro vás mezipaměť důležitá, dobře to zvažte.
3. Podpora prohlížečů:
Některé velmi staré prohlížeče mají s obrázky v Base64 potíže. Použijte moderní prohlížeč nebo si ověřte stav podpory u svého publika.
■Shrnutí
Celkově vzato se kódování Base64 vyplatí u malých obrázků, jako jsou ikony a prvky designu, a kdykoli chcete omezit počet požadavků na externí soubory. U velkých obrázků nebo když je důležitá mezipaměť, vám lépe poslouží běžný externí soubor. Používejte kódování Base64 rozumně a zvyšte tak kvalitu svého webu.
■Co je kódování Base64? ⇒ Převod binárních dat na text
Obrázky se obvykle ukládají jako binární data. Kódování Base64 převádí tato binární data na textový řetězec, takže lze obrázek zpracovávat jako text. Pro vaše návštěvníky vypadá úplně stejně jako běžný obrázek.
■Výhody obrázků kódovaných v Base64 na webu
1. Méně HTTP požadavků:
Díky kódování Base64 můžete vkládat obrázky přímo do HTML nebo CSS. Obrázek se přenáší jako součást dokumentu, takže prohlížeč načítá méně externích souborů, což může zkrátit dobu načítání stránky.
2. Stabilní rozvržení:
Kódování Base64 může zabránit tomu, aby se design rozpadl, dokud se stránka ještě načítá. Na stránkách s mnoha ikonami nebo drobnými prvky designu se může rozvržení na okamžik posunout, než dorazí každý obrázek. Obrázek v Base64 je součástí samotného dokumentu, takže se nikdy nenačte se zpožděním jako samostatný soubor.
3. Ochrana obrázku:
Obrázky v Base64 se stahují obtížněji než běžné obrazové soubory. Nelze je uložit obvyklými způsoby, jako je kliknutí pravým tlačítkem a uložení nebo podržení prstu, takže prosté zkopírování je mnohem těžší.
■Na co dát pozor při použití obrázků v Base64 na webu
1. Větší velikost dat:
Kódování Base64 obvykle vytvoří více dat než původní binární soubor. Zakódování velkého obrázku nafoukne velikost stránky a může zpomalit načítání.
2. Slabší účinek mezipaměti:
Obrázky kódované v Base64 se neukládají do mezipaměti jako externí soubory. Pokud se stejný obrázek objeví na jiné stránce, musí se stáhnout znovu. Pokud je pro vás mezipaměť důležitá, dobře to zvažte.
3. Podpora prohlížečů:
Některé velmi staré prohlížeče mají s obrázky v Base64 potíže. Použijte moderní prohlížeč nebo si ověřte stav podpory u svého publika.
■Shrnutí
Celkově vzato se kódování Base64 vyplatí u malých obrázků, jako jsou ikony a prvky designu, a kdykoli chcete omezit počet požadavků na externí soubory. U velkých obrázků nebo když je důležitá mezipaměť, vám lépe poslouží běžný externí soubor. Používejte kódování Base64 rozumně a zvyšte tak kvalitu svého webu.