Imagen a Base64
Convierte una imagen en data URI Base64, o codifica y decodifica texto en Base64 — y vuelve a convertir Base64 en un archivo
✓ Gratis para siempre · ✓ Sin registro · ✓ Sin subida · ✓ Funciona sin conexión
🔒 Tus datos nunca salen de tu dispositivo. Todo el procesamiento ocurre localmente en tu navegador usando FileReader API. Sin subidas, sin servidor, sin rastreo.
Características
- Salida Data URI — Obtén una cadena data:image/... URI completa lista para pegar directamente en HTML, CSS o JavaScript.
- Copiar con Un Clic — Copia como data URI sin formato, como etiqueta <img>, o como propiedad CSS background-image.
- Comparación de Tamaño — Ve el tamaño del archivo original vs. la longitud de la cadena Base64 (Base64 es ~33% más grande).
- También texto y decodificación — Codifica cualquier texto como Base64 UTF-8 (estándar o apto para URL), decodifica Base64 a texto, o convierte una cadena Base64 en un archivo que puedes previsualizar y descargar.
Cómo Funciona
- Sube tu imagen — Arrastra cualquier imagen para convertirla a Base64.
- Elige el formato de copia — Copia como Data URI, etiqueta <img>, o CSS background-image.
- Pega en tu código — La cadena Base64 incrusta la imagen directamente en tu código — no se necesita un archivo separado.
Casos de Uso
- Incrustar imágenes pequeñas directamente en HTML para reducir peticiones HTTP
- Archivos HTML autónomos (informes, páginas sin conexión) que llevan sus imágenes dentro — ojo: Gmail y Outlook bloquean las imágenes data URI en el correo
- Imágenes de fondo CSS incrustadas en hojas de estilo
- Empaquetar íconos en código JavaScript para distribución en un solo archivo
Preguntas Frecuentes
¿Cuándo debo usar Base64?
Para imágenes pequeñas (menos de 10KB) — íconos, logos, elementos de interfaz pequeños. Incrustar evita peticiones HTTP adicionales. Para imágenes más grandes, es mejor servirlas como archivos separados.
¿Por qué la cadena Base64 es más grande que el archivo?
La codificación Base64 aumenta el tamaño en ~33% porque convierte datos binarios a texto ASCII. Es un compromiso por la capacidad de incrustar la imagen directamente en código.
¿Se preserva la calidad completa de la imagen?
Sí. Base64 es solo otra codificación de exactamente los mismos bytes — sin pérdida de calidad. Una excepción: una foto HEIC de iPhone se convierte primero a JPEG, porque los navegadores no muestran HEIC desde un data URI; la página te avisa cuando ocurre.
¿También decodifica Base64?
Sí — cambia a Texto ⇄ Base64 y elige Decodificar. Pega Base64 o un data: URI completo; se leen espacios, saltos de línea y Base64 apto para URL. Si el resultado es texto, ves el texto; si es un archivo (PNG, JPG, PDF, ZIP…), una vista previa cuando se puede y una descarga. Un carácter incorrecto se nombra con su posición.
¿Qué es Base64 apto para URL?
La misma codificación con - y _ en lugar de + y /, y normalmente sin relleno =, para que quepa en una URL o un JWT sin escapar. Marca «Apto para URL» al codificar; al decodificar se leen ambas variantes automáticamente.
En el blog
- 📖 How to Encode and Decode Base64 (and Turn an Image Into a Data URI) — Encode and decode Base64 text, and convert a small image into a data URI you can inline in CSS or HTML — all locally in your browser, nothing uploaded.
Herramientas Relacionadas
- 🔁 Convertir Formato — Convierte entre PNG, JPG, WebP — al instante en tu navegador
- 📦 Comprimir Imagen — Reduce el tamaño del archivo sin perder calidad — todo en tu navegador
- 🔗 Codificador / Decodificador de URL — Codifica o decodifica URLs y cadenas de consulta instantáneamente
💬 ¿Bug, idea, o solo un hola? Dile a Milo 🐨 · [email protected]