¿Qué es imagen a Base64?
imagen a Base64 convierte un archivo de imagen en una cadena codificada en Base64 usando la API FileReader integrada del navegador. La salida puede formatearse como una cadena Base64 sin procesar, un data URI completo, una declaración background-image de CSS o una etiqueta img de HTML —lo que se necesite para el caso de uso objetivo.
Cómo usar imagen a Base64
- Suelta un archivo de imagen en la zona de carga o haz clic para explorar.
- Elige un formato de salida: Data URI, Base64 sin procesar, background-image de CSS o etiqueta img de HTML.
- Copia el resultado al portapapeles con un solo clic.
- Pégalo directamente en HTML, CSS, JSON o cualquier otro destino.
Entiende la codificación de imágenes Base64 ▾
Ejemplo
Casos de uso comunes
- Incrusta un logo pequeño en un correo HTML
- Incrusta un spinner o icono en un archivo CSS
- Pasa los datos de la imagen como una cadena JSON a una API
- Crea archivos HTML autocontenidos con imágenes incrustadas
Por qué usar esta herramienta
- Cuatro formatos de salida: data URI, Base64 sin procesar, CSS y HTML.
- Muestra el tamaño original frente al tamaño codificado y el % de aumento.
- Avisa cuando la imagen es lo bastante grande como para afectar el rendimiento de la página.
- No se suben archivos: todo se ejecuta en tu navegador.
Preguntas frecuentes
Base64 es una forma de codificar datos binarios (como una imagen) como una cadena ASCII de texto plano. Un data URI es una cadena Base64 precedida por el tipo MIME, con el formato data:image/png;base64,...; se puede colocar directamente en el atributo src de una etiqueta img o en un background-image de CSS para incrustar la imagen sin una solicitud de archivo aparte.
Los data URIs son ideales para iconos pequeños, logos o imágenes incrustadas en correos HTML donde las referencias a archivos externos pueden estar bloqueadas. En imágenes grandes aumentan el peso de la página y pueden afectar el rendimiento, así que úsalos con moderación.
No. La API FileReader codifica la imagen directamente en tu navegador. Tu imagen nunca sale de tu dispositivo.
La codificación Base64 aumenta el tamaño de los datos en aproximadamente un 33 % porque cada 3 bytes de datos binarios se convierten en 4 caracteres ASCII. Una imagen de 100 KB pasa a ser de unos 133 KB como cadena Base64.