Cómo se usa
- Elige una imagen, suéltala aquí o pégala con Ctrl+V.
- Elige la salida — Data URI, Solo Base64, Fondo CSS, etiqueta HTML <img> o Markdown.
- Copia el resultado.
- Para el proceso inverso, pega un data URI o una cadena Base64 en «Base64 a imagen».
Opciones explicadas
- Data URI
- La cadena completa data:image/png;base64,…, que sirve en cualquier lugar donde se acepte una URL.
- Solo Base64
- Solo los datos codificados, sin el prefijo data:…;, para API y campos JSON que esperan Base64 puro.
Ejemplos
| Salida | Resultado |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Preguntas frecuentes
¿Cuánto aumenta el tamaño de una imagen en Base64?
Alrededor de un tercio. Base64 usa cuatro caracteres por cada tres bytes, así que una imagen de 30 KB se convierte en unos 40 KB de texto.
¿Cuándo conviene incrustar una imagen en Base64?
Para iconos e imágenes pequeñas de pocos kilobytes, incrustarlas ahorra una petición de red. Las imágenes más grandes es mejor servirlas como archivos aparte, porque se pueden almacenar en caché y no inflan tu HTML o CSS.
¿Qué formatos se admiten?
Cualquier imagen que tu navegador pueda leer, incluidos PNG, JPEG, GIF, WebP, SVG, AVIF e ICO. Al decodificar, el formato se reconoce a partir de los propios datos cuando falta el tipo MIME.
¿Se suben mis imágenes?
No. La codificación y la decodificación se hacen en tu navegador.
Privacidad
Esta herramienta funciona por completo en tu navegador. Tus archivos y textos se procesan en tu dispositivo y nunca se suben a nuestros servidores.