Imágenes
Imagen a Base64
De imagen a data URI y viceversa, listo para pegar en tu código.
Base64 permite incrustar una imagen directamente en el código: un icono en una hoja de estilos, un logo en un e-mail HTML, una pequeña ilustración en un SVG — sin ninguna petición extra al servidor. Esta herramienta funciona en ambos sentidos. Arrastra una imagen y obtén su data URI completo (data:image/png;base64,…), con el tamaño del resultado a la vista y un botón para copiarlo todo. O pega un data URI encontrado en código existente: la imagen aparece al momento y puede descargarse como archivo normal. La conversión es instantánea y ocurre por completo en tu navegador — ni tus imágenes ni tu código salen nunca de tu dispositivo.
¿Cómo funciona?
- Arrastra una imagen para obtener su data URI Base64, con el tamaño a la vista.
- Copia el resultado en un clic, listo para tu CSS o HTML.
- O pega un data URI existente: la imagen aparece y se descarga en un clic.
Preguntas frecuentes
¿Para qué sirve una imagen en Base64?
Para incrustar la imagen directamente en el código: iconos en CSS, imágenes en e-mails HTML, favicons, recursos dentro de un SVG o un JSON. La imagen se carga junto con el documento, sin peticiones de red adicionales.
¿Base64 hace los archivos más pesados?
Sí, alrededor de un 33 % más que el archivo binario, y el resultado no se puede cachear por separado en el navegador. Es buena opción para imágenes pequeñas (unos pocos KB) reutilizadas en el código, y contraproducente para fotos.
¿Qué formatos de imagen se admiten?
Cualquier formato que tu navegador pueda leer: PNG, JPG, WebP, GIF, SVG, AVIF… El data URI generado conserva el tipo MIME original, y la decodificación acepta cualquier data URI de imagen válido.