Tutorial Base64: texto e imágenes
Introduce texto en el primer campo y pulsa Codificar. Hello se convierte en SGVsbG8=. Pega SGVsbG8= en el primer campo y pulsa Decodificar para recuperar Hello.
Selecciona una imagen con el selector de archivos. El navegador la lee y muestra una Data URL. Copia el resultado completo, incluido el prefijo data:image/...;base64,.
Usa la Data URL en el atributo img src de HTML o en url() de CSS. Ejemplo: <img src="data:image/png;base64,..." alt="Descripción">. Sustituye los puntos por los datos reales. Algunos clientes de correo restringen las Data URL.
Base64 es codificación, no cifrado. El tamaño aumenta aproximadamente un tercio, sin contar el prefijo. Las imágenes grandes pueden ralentizar el navegador; usa archivos de imagen normales cuando sea adecuado.