Conversor de Imagen a Base64
Convierte una imagen en una cadena Base64 o data URI directamente en tu navegador.
Archivo:
Tamaño original:
Tamaño en Base64:
El Conversor de Imagen a Base64 de ToolsSoup es una herramienta online gratuita que codifica cualquier imagen en una cadena Base64 o data URI directamente en tu navegador. Sube un PNG, JPG, GIF, SVG o WebP y obtén al instante un data URI listo para pegar, una cadena Base64 pura, una etiqueta HTML o una regla background-image de CSS. Todo se ejecuta localmente en tu dispositivo: sin subidas, sin registro, y tus imágenes nunca salen de tu ordenador.
¿Qué es una imagen en Base64?
Base64 es una forma de representar datos binarios, como una imagen, usando solo caracteres de texto imprimibles. Una imagen en Base64 son los bytes brutos de un archivo de imagen recodificados en ese formato de texto, normalmente envueltos en un data URI como data:image/png;base64,iVBORw0KGgo… Como es texto puro, puedes incrustar la imagen directamente dentro de HTML, CSS, JSON o un archivo JavaScript en lugar de enlazar a un archivo de imagen separado. Esta herramienta lee tu imagen con la API FileReader del navegador y genera la cadena Base64 por ti.
Cómo convertir una imagen a Base64
Codificar una imagen a Base64 con ToolsSoup solo lleva unos segundos:
- Haz clic en Elige una imagen y selecciona el archivo que quieras codificar.
- Mira la vista previa, el nombre del archivo, el tamaño original y el tamaño resultante en Base64.
- Elige un formato de salida: un data URI, Base64 puro, una etiqueta HTML
o una regla background-image de CSS.
- Haz clic en Copiar para copiar el resultado y pégalo directamente en tu código.
¿Cuándo deberías usar un data URI en Base64?
Incrustar una imagen como data URI en Base64 elimina una petición de red aparte, lo que puede acelerar la carga de imágenes muy pequeñas como iconos, logotipos y patrones de fondo diminutos. También resulta útil para incrustar imágenes en correos HTML autocontenidos, documentos de un solo archivo, payloads JSON o CSS. Ten en cuenta que Base64 hace que los datos sean aproximadamente un 33% más grandes que el archivo original y que la imagen incrustada no puede almacenarse en caché por separado, así que es mejor reservarlo para imágenes pequeñas en lugar de fotos grandes.
¿Por qué usar este conversor de Imagen a Base64?
- 100% gratis, sin anuncios, marcas de agua, registro ni límites de uso.
- Se ejecuta por completo en tu navegador: tus imágenes nunca se suben a un servidor.
- Funciona con PNG, JPG, GIF, SVG, WebP y otros formatos de imagen comunes.
- Genera un data URI, Base64 puro, una etiqueta HTML
o una regla background-image de CSS.
- Muestra el tamaño original del archivo y el tamaño resultante en Base64, con copia en un clic.
Preguntas frecuentes
¿Este conversor de Imagen a Base64 es gratis?
Sí. Todas las herramientas de ToolsSoup son completamente gratuitas, sin cuenta, registro, marcas de agua ni límites ocultos.
¿Mis imágenes se suben a un servidor?
No. La codificación ocurre localmente en tu navegador usando la API FileReader, así que tus imágenes nunca se suben, almacenan ni las ve nadie más que tú.
¿Qué es un data URI?
Un data URI es una cadena que empieza por data: y contiene el tipo MIME del archivo y su contenido codificado en Base64, como data:image/png;base64,…. Puedes usarlo en cualquier lugar donde se espere una URL, como el src de una etiqueta o el url() de un background en CSS, para incrustar la imagen de forma inline.
¿Por qué la cadena Base64 es más grande que mi imagen?
Base64 representa cada tres bytes de datos binarios con cuatro caracteres de texto, por lo que la salida codificada queda aproximadamente un 33% más grande que el archivo original. Ese es el precio de poder almacenar la imagen como texto puro.
¿Qué formatos de imagen son compatibles?
La herramienta puede codificar cualquier imagen que tu navegador pueda leer, incluidos PNG, JPG/JPEG, GIF, SVG, WebP, BMP e ICO. El data URI conserva el tipo MIME del formato original.
¿Debería incrustar imágenes grandes en Base64?
Normalmente no. El Base64 inline funciona mejor para imágenes pequeñas como iconos y logotipos. Las imágenes grandes se convierten en cadenas muy largas, no pueden almacenarse en caché por separado en el navegador y pueden ralentizar la página en la que están incrustadas, así que enlazar al archivo suele ser mejor.