Base64 es un esquema de codificación que convierte datos binarios de imagen (bytes) en una cadena ASCII. Una URL de datos antepone a esta cadena el tipo MIME (data:image/png;base64,), permitiendo que los navegadores muestren la imagen sin una solicitud HTTP separada.
La codificación Base64 usa 4 caracteres ASCII para representar cada 3 bytes de datos binarios, resultando en un aumento de tamaño de aproximadamente el 33%. Esto es un compromiso por la conveniencia de incrustar imágenes en línea en formatos de texto.
Tus imágenes nunca se suben a ningún servidor. La conversión ocurre completamente en tu navegador usando la API FileReader. Esta herramienta procesa todos los datos localmente en tu dispositivo.
Usa Base64 para iconos pequeños, logos o imágenes decorativas en plantillas de email, apps offline de una página o archivos CSS donde quieras cero solicitudes HTTP externas. Para imágenes grandes o reutilizadas frecuentemente, una URL normal con caché es más eficiente.