Longitud Base64
L = 4 × ⌈n ÷ 3⌉
Definida por la RFC 4648; 12 000 bytes dan 16 000 caracteres.
Convertir imagen a Base64 (y Base64 a imagen)
Codifica una imagen en Base64 o decodifica una cadena Base64/Data URI en una imagen directamente en tu navegador.
- Portapapeles
- Exportar
Tus archivos se procesan localmente en el navegador y nunca se envían a nuestros servidores.
Suelta tu archivo aquí
Tamaño recomendado: hasta 25 MB
Vista previa
Base64 / Data URI
Vista previa
¿Te ha resultado útil esta herramienta?
¿Cómo funciona esta herramienta?
Base64 convierte los bytes de una imagen en texto formado por 64 caracteres seguros. Codificada así, una imagen se puede pegar directamente en CSS, HTML, un archivo JSON o un correo como Data URI, sin archivo aparte. Esta herramienta trabaja en los dos sentidos: codifica una imagen en Base64 y reconstruye una imagen a partir de una cadena Base64 o de una Data URI.
Pestaña Imagen → Base64: elige una imagen PNG, JPEG, WebP, GIF o SVG de hasta 25 MB. Se lee tal cual, sin recodificar, y se convierte en una Data URI completa del tipo data:image/png;base64,…, lista para copiar. La vista previa confirma la imagen leída y una línea indica el tamaño del archivo, el de la Data URI y el sobrecoste en porcentaje.
Pestaña Base64 → Imagen: pega una Data URI o una cadena Base64 pura. Si es pura, elige su tipo MIME (PNG, JPEG, WebP, GIF o SVG); se quitan los espacios y saltos de línea. La vista previa aparece en cuanto la cadena es válida y Descargar imagen guarda decoded-image con la extensión del tipo.
Base64 escribe 3 bytes con 4 caracteres: el texto pesa alrededor de un tercio más que el archivo, más unos pocos caracteres de cabecera. Una cadena no válida o cortada muestra «Base64 o Data URI no válido.»
Cómo utilizar esta herramienta
Elige el sentido
Imagen → Base64 para codificar, Base64 → Imagen para decodificar.
Importa o pega
Arrastra una imagen o pega una Data URI o Base64 puro indicando su tipo MIME.
Copia o descarga
Copia la Data URI o descarga la imagen decodificada tras revisar la vista previa.
Tamaño de un texto Base64
Base64 agrupa los bytes de 3 en 3 (24 bits) y escribe cada grupo con 4 caracteres de 6 bits; el último grupo se completa con signos =.
Longitud de la Data URI
L_URI = L + p
p vale 22 para data:image/png;base64, y 26 para data:image/svg+xml;base64,.
- n
- tamaño del archivo en bytes
- L
- número de caracteres Base64
- p
- longitud de la cabecera de la Data URI
Casos de uso
Incrustar un icono pequeño en CSS
Coloca un icono de pocos kilobytes en background-image para ahorrar una petición de red.
Recuperar una imagen de un JSON
Decodifica una imagen guardada en Base64 en una respuesta de API o una exportación para verla y guardarla.
Preparar un correo o un prototipo
Inserta una imagen en un HTML autónomo que debe funcionar sin carpeta de imágenes.
Ejemplos
Codificar un icono PNG de 12 000 bytes
12 000 ÷ 3 = 4000 grupos de 3 bytes, es decir 16 000 caracteres Base64, más 22 caracteres de data:image/png;base64,. El sobrecoste del 34 % incluye la cabecera.
Entrada
icono.png, 12 000 bytesResultado
Data URI de 16 022 caracteres; «Archivo de 11,7 KB → Data URI de 15,6 KB (+34 %)»Usar la Data URI en CSS
El navegador muestra el icono sin descargar ningún archivo. Resérvalo para imágenes pequeñas: una foto codificada engorda la hoja de estilos y ya no se guarda en caché por separado.
Entrada
Data URI de un icono SVG copiada desde la herramientaResultado
.alerta { background-image: url("data:image/svg+xml;base64,PHN2Zy…"); }Consejos y buenas prácticas
- Limita Base64 a imágenes de pocos kilobytes; por encima, un archivo aparte se carga y se guarda en caché mejor.
- Optimiza la imagen antes de codificarla: cada byte ahorrado elimina unos 1,33 caracteres del texto.
- Para un SVG, una Data URI sin Base64 (data:image/svg+xml, seguido del SVG escapado) suele ser más corta.
- Si falla la decodificación, comprueba que la cadena está completa: una Data URI copiada de un registro suele estar cortada.
Fuentes y referencias
- S. Josefsson, RFC 4648 — The Base16, Base32, and Base64 Data Encodings (se abre en una pestaña nueva), RFC Editor, 2006Página en inglés
Preguntas frecuentes
¿Base64 comprime la imagen?
No, al contrario: el texto Base64 pesa alrededor de un 33 % más que el archivo. Es una codificación para transportar bytes dentro de texto, no una compresión.
¿Qué diferencia hay entre Base64 y Data URI?
Base64 es solo el texto codificado. La Data URI añade delante una cabecera como data:image/png;base64, que indica al navegador el tipo de archivo.
¿Qué hago si solo tengo Base64 puro?
Pégalo en la pestaña Base64 → Imagen y elige el tipo MIME de la imagen original (PNG, JPEG, WebP, GIF o SVG).
¿La imagen cambia al codificarla?
No. Los bytes del archivo se codifican tal cual: al decodificar la Data URI se obtiene exactamente el mismo archivo, metadatos incluidos.
¿El Base64 puede tener saltos de línea?
Sí, algunas herramientas cortan las líneas cada 76 caracteres. La herramienta quita esos espacios y saltos antes de decodificar una cadena pura.
¿Se sube mi imagen a un servidor?
No. La codificación y la decodificación las hace el navegador, sin ninguna petición de red.
Herramientas relacionadas
Continúa con estas herramientas
Herramientas similares o complementarias a esta.
Herramientas similares
Aligera una imagen ajustando su calidad o apuntando a un peso en KB, con el peso final visible antes de descargar.
Imágenes y diseño gráficoDestacadaUsar esta herramienta
Reduce el marcado SVG localmente y conserva un archivo editable.
Imágenes y diseño gráficoUsar esta herramienta
Convierte una imagen a PNG, JPEG o WebP y ajusta la calidad antes de descargarla.
Imágenes y diseño gráficoDestacadaUsar esta herramienta