Obsah

Jak vidíte výše, existují dvě možnosti výběru převaděče Base64 na obrázek a převaděče obrazu na Base64. Base64 na obrázek převede libovolný řetězec Base64 na formát obrázku. Obrázek na Base64 převede obraz na řetězec Base64. V závislosti na vaší potřebě klikněte na tuto možnost.

Jak použít Nástroj pro převod obrazu Base64?

Nástroj pro převod Base64 na obrázek vám pomůže převést řetězec kódovaný v Base64 na obrázek. Tento obrázek si můžete stáhnout kliknutím na tlačítko stažení. Jednoduše vložte řetězec zakódovaný v Base64 do vstupního pole a automaticky jej převede na obrázek a na obrazovce se zobrazí náhled. Můžete také vybrat libovolný textový soubor, který obsahuje řetězec kódovaný Base64. K dispozici jsou také možnosti kopírování řetězce kódovaného Base64 a vymazání vstupního pole.

Jak použít nástroj převodníku obraz na Base64?

Nástroj pro převod obrázků na Base64 vám pomůže při převodu libovolného obrázku na řetězec kódovaný v Base64, kód tagu obrázku HTML a kód obrázku na pozadí CSS. Jednoduše přetáhněte obrázek do výše uvedeného obdélníkového pole nebo na něj jednoduše klikněte a vyberte obrazový soubor.

Jakmile je zpracování hotové, objeví se tři vstupní pole. První vstupní pole bude obsahovat řetězec kódovaný Base64. Druhé vstupní pole bude obsahovat kód značky obrázku HTML, který můžete jednoduše zkopírovat a přímo vložit do souboru HTML. Třetí pole bude obsahovat kód CSS s vlastností obrázku na pozadí. Můžete jej zkopírovat a vložit přímo do souboru CSS. Nad každým vstupním polem bude také možnost stažení, která vám pomůže při stahování příslušných dat ve formátu textového souboru. Tento nástroj podporuje téměř všechny běžně používané obrazové formáty.

Proč byste měli převést řetězec Base64 na obrázek?

Velikost řetězce Base64 použitého v datovém identifikátoru URI je o 33% větší než původní soubor. Velká data mohou ovlivnit výkon webu. Převedení těchto kódovaných dat na obrázek a jejich použití jako souboru může zlepšit výkon vaší webové aplikace. Dalším důvodem převodu Base64 na obrázek je vytvoření souboru, který lze uložit na pevný disk a který lze prohlížet nebo upravovat pomocí nástrojů pro prohlížení a úpravy obrázků třetích stran.

Co je kódování Base64?

Base64 je textové kódování binárních dat. Zakódovaný text nemá nic jiného než čísla, písmena a symboly jako +, / a =. Je znám jako jeden z nejpohodlnějších způsobů ukládání nebo přenosu binárních dat na médium, které se konkrétně používá pro textová data. Lze jej také snadno přenášet ve věcech, jako jsou e-mail a data formulářů HTML. Proces převodu textu na Base64 trvá 4 znaky na 3 bajty dat a na konci může být i trochu polstrování. Pro výplň se používá znaménko rovná se (=). Zakódovaný řetězec lze také předat jako hodnotu parametru dotazu v adrese URL, protože jde o variantu bezpečnou pro URL.

Proč byste měli používat kódování Base64?

Když máme nějaká binární data, která chceme přenášet po síti, obecně to neděláme pouhým streamováním bitů a bajtů přes drát v surovém formátu, protože některé mediální obsahy jsou vytvořeny pro streamovaný text. Pokud je přenášíme ve formě bitů nebo bajtů, pak některé protokoly mohou interpretovat tato binární data jako řídicí znaky (jako modem). Taková binární data by se mohla poškodit, protože podkladový protokol by mohl předpokládat, že tato data obsahují nějakou speciální kombinaci znaků. Například FTP překládá konce řádků. Abychom tento problém obešli, zakódujeme taková binární data do znaků. Base64 je jedním z těchto typů kódování.

Řetězec kódovaný v Base64 obsahuje 64 znaků ASCII, což představuje zakódovaná data. Těchto 64 znaků stačí k zakódování jakýchkoli dat jakékoli délky. Jedinou nevýhodou kódování base64 je, že velikost kódovaného řetězce bude o 33% větší ve srovnání s původním řetězcem. Všechny znaky base64 jsou přítomny v mnoha znakových sadách, což zajišťuje, že přenášená data se určitě dostanou na druhý konec bez poškození. Znaky Base64 lze seskupit do 4 skupin:

• Velká písmena (indexy 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Malá písmena (indexy 26–51): abcdefghijklmnopqrstuvwxyz
• Číslice (indexy 52-61): 0123456789
• Symboly (indexy 62-63): +/

Znaky v řetězci kódovaném v base64 rozlišují velká a malá písmena. To znamená, že například když se pokusíte dekódovat řetězce kódované v base64, jako jsou ab ==, Ab ==, aB == a AB ==; získáte 4 různé výsledky. Znaménko rovnosti (=) není součástí indexu a také není součástí procesu kódování. Používá se pouze pro výplň a také se nazývá vycpávka. Zajišťuje, že řetězec kódovaný v base64 by měl být násobkem 4 bajtů, proto je vždy připojen na konec kódovaného řetězce. Pro lepší pochopení si prohlédněte níže uvedenou tabulku indexů znaků base64.

Kde se používá Base64?

Base64 se používá v různých kontextech. Některé z nich jsou uvedeny níže.

• Base64 lze použít k přenosu a ukládání textových dat, aby se zabránilo jakékoli kolizi oddělovače.
• Binární data jsou vložena do souborů XML pomocí Base64.
• Base64 se používá ke kódování binárních souborů, jako jsou obrázky, aby se zabránilo závislosti na externích souborech.
• Schéma URI dat také používá Base64 k reprezentaci obrazových souborů. Proto může být zdrojem obrázku v dokumentu HTML cesta k externímu souboru nebo datovému identifikátoru URI.
• Base64 se běžně používá k zakrytí tajemství bez režie správy kryptografických klíčů, protože je jednoduchý a snadno použitelný.
• Spammeři také používají kódování Base64, aby se vyhnuli základním nástrojům proti spamu, protože nemohou detekovat klíčová slova v kódovaných zprávách.
• V souborech LDIF se Base64 používá ke kódování řetězců znaků.

Co je adresa URL dat nebo identifikátor URI dat?

Data URL nebo URI znamená datový jednotný vyhledávač prostředků nebo jednotný identifikátor zdroje. Je to jednoduše schéma, které poskytuje mechanismus pro vložení dat do dokumentu HTML. Data URI obsahuje řetězec kódovaný v base64, který představuje soubor.

Soubor může být různých typů, ale nejčastěji se jedná o obrazový soubor. Mít obrazová data ve formátu řetězce s kódováním base64 jednoduše znamená, že pro zobrazení obrázku na webu není nutné určovat jeho umístění. Tento kódovaný řetězec můžete přímo použít jako hodnotu zdrojového atributu k zobrazení obrázku. Kdykoli prohlížeč narazí na datový URI, bude schopen soubor dekódovat a vytvořit původní soubor. Schéma URI dat obsahuje informace o souboru, jako je jeho typ MIME, stejně jako řetězec kódovaný v base64. Prohlédněte si níže uvedený kód.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

V závislosti na velikosti souboru se může délka řetězce kódovaného pomocí base64 lišit. URI dat můžete použít v souboru CSS i HTML.

Výhody použití datové adresy URL nebo datového identifikátoru URI

Hlavní výhodou použití datového URI namísto cesty k souboru je snížení počtu odchozích požadavků HTTP. Příliš mnoho požadavků HTTP na server, který opakovaně požaduje stejný soubor, může zvýšit zatížení serveru. Pokud jej přímo vložíte do HTML, nebudou již žádné odchozí požadavky, protože soubor je již v dokumentu HTML v zakódovaném formátu. Prohlížeč ho stačí dekódovat a zobrazit. Jak již bylo zmíněno výše, velikost řetězce base64 v datovém URI bude o 33% větší než skutečná velikost souboru. Jde o optimalizaci výkonu a striktně závisí na vaší volbě, kterou metodu chcete soubor načíst.

Data URI není prohlížečem ukládán do mezipaměti, takže pokaždé, když uživatel navštíví webovou stránku, musí prohlížeč stáhnout celý HTML a musí dekódovat vložená data. Příliš velké využití datového URI v HTML může výrazně poškodit výkon webu. Musíte udržovat jeho využití co nejnižší. Kvůli vysokorychlostnímu bezdrátovému připojení možná nebudete vidět velký rozdíl, pokud jde o výkon stolního počítače nebo notebooku. Ale v případě mobilních zařízení, která mají nízkou rychlost internetu, to výrazně poškodí. Pokud bude váš web načítat v mobilních zařízeních příliš mnoho času, pak určitě dojde ke ztrátě příjmů a zapojení uživatelů téměř k žádnému.

Podpora prohlížeče dat URI

URI dat jsou podporovány všemi moderními prohlížeči. Starší prohlížeče, jako jsou IE5 a IE7, jej nepodporují, takže jej nepoužívejte, pokud potřebujete podporu pro tyto prohlížeče, nebo můžete zkusit hledat alternativní řešení online. Prohlédněte si níže uvedený seznam podporovaných prohlížečů.

• Firefox verze 2+
• Opera verze 7.2+ (Délka datových identifikátorů URI nesmí být delší než 4 400 znaků)
• Chrome (všechny verze jsou podporovány)
• Safari (všechny verze jsou podporovány)
• Internet Explorer 8+ (Velikost datových identifikátorů URI musí být menší než 32 kB)