Convertir imagen a Base64 (data URI)
Selecciona o arrastra una imagen
Genera el Base64 (data URI). Todo ocurre en tu navegador.
Selecciona una imagen para generar el código Base64 (data URI). Cópialo como texto o como CSS background-image. Nada se envía a servidores.
Para qué sirve
El conversor de imagen a Base64 transforma una imagen en una cadena de texto (data URI). En lugar de un archivo separado, obtienes un código que puedes pegar directamente en el HTML o el CSS.
Lo usan mucho los desarrolladores para incrustar iconos e imágenes pequeñas dentro del código, evitando una petición extra al servidor por cada archivo.
Formatos de salida
- Texto puro: el data URI completo, listo para usar en el atributo src de una etiqueta img.
- CSS background-image: el código ya en formato url(...) para aplicarlo como fondo.
- Copia rápida: copia el resultado con un clic y pégalo donde lo necesites.
Cuándo usarlo
- Incrustar un icono pequeño en HTML o CSS sin archivo externo.
- Incluir una imagen en un correo o plantilla que no permite adjuntos.
- Evitar una petición de red adicional para imágenes diminutas.
Limitaciones
El Base64 aumenta el tamaño en cerca de un 33% respecto al archivo original, así que sirve para imágenes pequeñas, como iconos, y no para fotos grandes. La conversión se hace en tu navegador, sin enviar nada a servidores.
Preguntas frecuentes
- ¿Puedo usar Base64 para cualquier imagen?
- Técnicamente sí, pero no se recomienda para fotos grandes. El Base64 crece cerca de un 33% sobre el original, así que es mejor para imágenes pequeñas como iconos y logotipos.
- ¿Puede generar el código listo para CSS?
- Sí. Además del texto puro, la herramienta ofrece la salida en formato background-image, con url(...), lista para pegar en tu hoja de estilos.
- ¿Mi imagen se envía a algún servidor?
- No. La conversión a Base64 ocurre en tu navegador, así que la imagen nunca sale de tu dispositivo.