Convertir imagen a Base64
Convierta una imagen en una cadena Base64 o en una data URI lista para pegar, sin subirla a ningún sitio.
Convertir una imagen a Base64 online
Incrustar una imagen como Base64 le permite viajar dentro de un texto: un correo HTML, un archivo CSS, un payload JSON o una única página HTML autónoma. El navegador lee la imagen directamente de la cadena, así que no hay ningún archivo extra que alojar ni ninguna petición de red adicional.
Esta página abre el codificador y decodificador Base64 en su pestaña Archivo con el prefijo de data URI activado. La codificación ocurre por completo en su navegador.
Dónde pegar el resultado
| Lugar | Ejemplo |
|---|---|
| Imagen en HTML | <img src="data:image/png;base64,iVBORw0…" alt="Logo"> |
| Fondo en CSS | background-image: url("data:image/svg+xml;base64,PHN2Zy…"); |
| Campo JSON | {"avatar": "iVBORw0KGgo…"} (normalmente sin el prefijo) |
| Markdown |  donde el renderizador lo permita |
Cuándo conviene incrustar la imagen
- Iconos y logotipos pequeños de unos pocos kilobytes, donde una petición extra cuesta más que el aumento de tamaño.
- Correos HTML, donde las imágenes externas suelen bloquearse por defecto (la compatibilidad con data URI varía según el cliente de correo, así que pruébelo antes).
- Archivos autónomos, como informes exportados o demos sin conexión.
- API que solo aceptan imágenes como Base64 dentro de JSON.
Cuándo no conviene
Las fotos grandes crecen un tercio y ya no se pueden guardar en caché por separado de la página o la hoja de estilos que las contiene, así que cada visita las vuelve a descargar. Para cualquier imagen de más de unos 10 a 20 KB en un sitio web, un archivo de imagen normal, idealmente convertido con PNG a WebP o JPG a WebP, es la opción más rápida.
SVG: plantéese no usar Base64
SVG ya es texto. En CSS a menudo puede incrustarlo con codificación URL en lugar de Base64, lo que ocupa menos, por ejemplo url("data:image/svg+xml,%3Csvg …%3E"). El codificador de URL se encarga de esa codificación.
Volver de Base64 a una imagen
Para recuperar la imagen a partir de una cadena, péguela en decodificar Base64: las imágenes se previsualizan y se pueden descargar con la extensión correcta.