Základní 64 je metoda pro kódování binárních dat do ASCII text. Zobrazení obrázků Base64 v HTML zahrnuje použití značka s src atribut nastaven na adresu URL dat Base64 obsahující obrazová data zakódovaná jako text ASCII. Tato metoda vkládá obrázky přímo do HTML. Obrázky Base64 jsou kódovaná binární data, která umožňují vkládání obrázků do webových stránek bez samostatných souborů.
Zobrazování obrázků Base64 v HTML má několik výhod.
- Rychlejší načítání: Vkládání obrazových dat snižuje požadavky HTTP a zrychluje načítání stránky, zejména u malých obrázků.
- Zvýšená bezpečnost: Skryje binární data, zvyšuje důvěrnost a zabraňuje neoprávněnému přístupu.
- Vylepšená kompatibilita: Obrázky Base64 fungují ve všech moderních prohlížečích a zajišťují konzistentní zobrazení.
- Zjednodušený vývoj: Snazší správa kódováním obrázků přímo do HTML, čímž se vyhnete samostatné manipulaci se soubory.
Přístup :
Zobrazuji Základ 64 obrázky v HTML zahrnují převod binárních obrazových dat na řetězec Base64 a jejich následné vložení do HTML jako data URL . Datová URL je typ Jednotný identifikátor zdroje (URI), který vkládá obrazová data přímo do zdrojového kódu webové stránky. Zde je návod, jak zobrazit obrázek Base64 v HTML.
unixový top příkaz
- Převeďte obrázek do formátu Base64: K převodu dat binárního obrazu na řetězec Base64 můžete použít online kodér Base64. Výsledkem bude řetězec znaků, který lze snadno vložit do kódu HTML.
- Vytvořte datovou adresu URL: Řetězec Base64 musí být zabalen do datového formátu URL. Formát datové adresy URL se skládá ze tří částí: datového typu, dat zakódovaných v Base64 a konce adresy URL. U obrázku by byl datový typ data:image/[formát]; základ 64, kde [formát] je formát souboru obrázku (např. PNG, JPEG, GIF ).
- Vložte adresu URL dat do kódu HTML: Chcete-li zobrazit obrázek, můžete použít značku obrázku HTML (
) a nastavte src atribut k adrese URL dat.
Například:
>
Zde je příklad programu HTML, který ukazuje, jak zobrazit obrázky Base64 v HTML. V tomto příkladu řekněme, že máme následující obrázek.
kali linuxový terminál
Pro Base64 budeme uvažovat Data URL obrázku, který je umístěn v src atribut. Data URL má dvě části
- První částí je zakódovaný obrázek Base64.
- Druhou částí je řetězec obrázku zakódovaný v Base64.
Příklad 1:
HTML
Base64 Image Exampletitle> head> Base64 obrázek Příkladh1>
tělo> html>>
Výstup:
Existuje další příklad HTML programu, který ukazuje, jak zobrazit obrázky Base64 v HTML. V tomto příkladu řekněme, že máme následující obrázek.
kontrola java je nulová
Pro Base64 budeme uvažovat Data URL obrázku, který je umístěn v src atribut. Data URL má dvě části.
- První částí je zakódovaný obrázek Base64.
- Druhou částí je řetězec obrázku zakódovaný v Base64.
Příklad 2:
HTML Base64 Image Exampletitle> head> Base64 obrázek Příkladh1>
tělo> html>>
Výstup:
vložit vodoznak do wordu
Poznámka: Obrázky Base64 mohou zlepšit interaktivitu webových stránek, ale mohou vést k větší velikosti souborů a pomalejšímu načítání. Vyhraďte si je pro malé obrázky a pro optimalizaci výkonu se spolehněte na tradiční hostování souborů pro ty větší.
Závěr: Zobrazování obrázků Base64 v HTML může nabídnout několik výhod, včetně rychlejšího načítání stránky, zvýšené bezpečnosti, lepší kompatibility a zjednodušeného vývoje. Při rozhodování, zda ve svých projektech použít obrazy Base64, je však důležité vzít v úvahu nevýhody, jako jsou větší velikosti souborů a delší doba přenosu dat.