Imagen a Base64

Convierte una imagen a Base64 cuando necesites incrustar un recurso pequeño en HTML, CSS, JSON, una plantilla de correo, un fixture de prueba o la carga útil de una API sin hacer referencia a otro archivo de imagen.

Elige la salida Base64 adecuada

• URL de datos incluye el tipo de imagen MIME y puede utilizarse en HTML src atributo.
• Base64 sin formato contiene solo los bytes codificados para APIs o campos de almacenamiento que proporcionan el tipo por separado.
• CSS url() envuelve la URL de datos para usarla directamente en una declaración de hoja de estilo.

¿Cuándo se debe incorporar una imagen?

Incrustar la imagen puede simplificar una demostración autónoma, un icono pequeño, un documento sin conexión o un fixture generado. Base64 no comprime la imagen y suele aumentar el tamaño de los datos codificados en torno a un tercio respecto al archivo original. Para fotos grandes y recursos reutilizados con frecuencia suelen ser preferibles archivos independientes que puedan almacenarse en caché.

Se conservan los bytes originales de la imagen; cambiar el tipo de salida no redimensiona ni vuelve a comprimir la imagen. La lectura, la vista previa, la copia y el guardado se realizan localmente en el navegador.

Herramientas relacionadas: Base64 a Imagen · Codificar en Base64 · Conversor de imágenes