Imagen y Base64
Convierte una imagen a Base64 y al contrario
Sin base de datos: AIMRAN no guarda tus archivos, textos ni resultados
¿Qué es Imagen y Base64?
Base64 es una forma de escribir una imagen como texto. Los desarrolladores lo usan para incrustar iconos pequeños directamente en HTML, CSS, JSON o correos electrónicos sin necesidad de un archivo aparte.
Esta herramienta funciona en los dos sentidos: conviertes una imagen en su código Base64 para copiarlo, o pegas un Base64 que te han pasado y lo ves como imagen para descargarla.
Cómo se usa
- Elige el modo «Imagen a Base64» o «Base64 a imagen».
- Para codificar, arrastra la imagen y elige «Data URL» o «Solo Base64».
- Copia el resultado o descárgalo como archivo .txt.
- Para decodificar, pega el texto Base64 o el Data URL y descarga la imagen resultante.
Ventajas
- Funciona en los dos sentidos en la misma página.
- Salida como Data URL lista para HTML y CSS o como Base64 puro.
- Detecta el formato real de la imagen al decodificar.
- Acepta Base64 con saltos de línea y la variante URL-safe.
Detalles técnicos
La codificación produce un Data URL (data:<tipo>;base64,...) o solo la cadena Base64, y admite cualquier imagen, SVG e ICO incluidos, hasta 10 MB; a partir de 100 KB se recomienda enlazar el archivo, ya que Base64 aumenta el tamaño en torno a un 33 %. La decodificación acepta texto con o sin prefijo data:, ignora espacios y saltos de línea, admite el alfabeto URL-safe (- y _) y completa el relleno = que falte. El tipo de imagen se identifica por su firma binaria: PNG, JPEG, GIF, WEBP, AVIF, BMP, ICO y SVG; si no se reconoce, se usa el tipo declarado en el Data URL.
Preguntas frecuentes
¿Cómo convertir una imagen a Base64?
Elige «Imagen a Base64», arrastra la imagen y copia el resultado. Usa «Data URL» si lo vas a pegar en un src de HTML o en CSS.
¿Cómo ver una imagen en Base64?
Elige «Base64 a imagen» y pega el texto. Se mostrará la imagen y podrás descargarla con su extensión correcta.
¿Qué es un Data URL?
Es el Base64 con un prefijo que indica el tipo, por ejemplo data:image/png;base64,... Se puede usar directamente como dirección de una imagen.
¿Cuándo conviene usar imágenes en Base64?
Para iconos y gráficos pequeños. En imágenes grandes es mejor enlazar el archivo, porque el Base64 ocupa aproximadamente un tercio más.
Más herramientas de Imagen
- Comprimir imagen · Reduce el peso con control de calidad y comparación antes/después
- Redimensionar · Cambia el tamaño en píxeles o porcentaje, también en lote
- Recortar · Recorta con presets de Instagram, historias, YouTube o a medida
- Convertir formato · Convierte entre JPG, PNG, WEBP, AVIF, HEIC, TIFF, PSD, ICO, PDF y más
- Quitar fondo · Elimina el fondo de una foto con IA
- Rotar y voltear · Gira 90/180/270 grados y voltea en horizontal o vertical
- Filtros y ajustes · Brillo, contraste, saturación, blanco y negro y desenfoque
- Marca de agua · Texto o logo sobre varias imágenes a la vez