Base 64 és un mètode per codificar dades binàries ASCII text. Mostrar imatges Base64 en HTML implica utilitzar el etiqueta amb el src atribut establert en un URL de dades Base64, que conté les dades de la imatge codificades com a text ASCII. Aquest mètode incrusta imatges directament a HTML. Les imatges Base64 són dades binàries codificades, la qual cosa permet incrustar imatges a pàgines web sense fitxers separats.
Hi ha diversos avantatges de mostrar imatges Base64 en HTML.
- Càrrega més ràpida: La inserció de dades d'imatge redueix les sol·licituds HTTP, accelerant els temps de càrrega de la pàgina, especialment per a imatges petites.
- Seguretat augmentada: Amaga les dades binàries, millorant la confidencialitat i evitant l'accés no autoritzat.
- Compatibilitat millorada: Les imatges Base64 funcionen en tots els navegadors moderns, garantint una visualització coherent.
- Desenvolupament simplificat: Gestió més senzilla mitjançant la codificació d'imatges directament en HTML, evitant el maneig de fitxers per separat.
Enfocament:
Mostrant Base 64 imatges en HTML implica convertir dades d'imatge binàries en una cadena Base64 i després incrustar-les a l'HTML com a dades. URL . Un URL de dades és un tipus de Identificador uniforme de recurs (URI) que incrusta les dades de la imatge directament al codi font d'una pàgina web. A continuació s'explica com podeu mostrar una imatge Base64 en HTML.
clau única mysql
- Converteix la imatge al format Base64: Podeu utilitzar un codificador Base64 en línia per convertir les dades de la imatge binària en una cadena Base64. El resultat serà una cadena de caràcters que es poden incrustar fàcilment al vostre codi HTML.
- Creeu un URL de dades: La cadena Base64 s'ha d'embolicar en un format d'URL de dades. El format d'URL de dades consta de tres parts: el tipus de dades, les dades codificades en Base64 i el final de l'URL. Per a una imatge, el tipus de dades seria dades:imatge/[format]; base 64, on [format] és el format del fitxer d'imatge (p. ex. PNG, JPEG, GIF ).
- Incorporeu l'URL de les dades al vostre HTML: Per mostrar la imatge, podeu utilitzar una etiqueta d'imatge HTML (
) i configureu el src atribut a l'URL de les dades.
Per exemple:
>
Aquí teniu un exemple de programa HTML que mostra com mostrar imatges Base64 en HTML. En aquest exemple, suposem que tenim la imatge següent.
Per a Base64, tindrem en compte l'URL de dades de la imatge, que es col·loca al fitxer src atribut. L'URL de dades té dues parts
com recuperar aplicacions ocultes
- La primera part és la imatge codificada en Base64.
- La segona part és la cadena codificada en Base64 de la imatge.
Exemple 1:
HTML
Imatge Base64 Exempletítol> cap> Base64 Imatge Exempleh1>
cos> html>>>
Sortida:
b més arbre
Hi ha un altre exemple de programa HTML que mostra com mostrar imatges Base64 en HTML. En aquest exemple, suposem que tenim la imatge següent.
Per a Base64, tindrem en compte l'URL de dades de la imatge, que es col·loca al fitxer src atribut. L'URL de dades té dues parts.
- La primera part és la imatge codificada en Base64.
- La segona part és la cadena codificada en Base64 de la imatge.
Exemple 2:
codi de mostra c#HTML
Imatge Base64 Exempletítol> cap> Exemple d'imatge Base64h1>
cos> html>>>
Sortida:
Nota: Les imatges Base64 poden millorar la interactivitat de la pàgina web, però poden provocar mides de fitxer més grans i temps de càrrega més lents. Reserveu-los per a imatges petites, mentre confieu en l'allotjament de fitxers tradicional per a les més grans per optimitzar el rendiment.
Conclusió: Mostrar imatges Base64 en HTML pot oferir diversos avantatges, com ara temps de càrrega de pàgines més ràpids, seguretat augmentada, compatibilitat millorada i desenvolupament simplificat. Tanmateix, és important tenir en compte els inconvenients, com ara mides de fitxers més grans i temps de transferència de dades més llargs, a l'hora de decidir si voleu utilitzar imatges Base64 als vostres projectes.