Convertir imagen a Base64 — data URI, CSS y HTML
Codifica una imagen como data URI en Base64 y cópiala como Base64 puro, fondo CSS, etiqueta HTML img o Markdown. Detecta PNG, JPG, GIF, WebP, SVG y más.
Conversión en tu navegador · Sin registro
Una imagen de hasta 15 MB · PNG, JPG, GIF, WebP, AVIF, SVG, BMP o ICO
Cómo usarla
- Elige una imagen o suéltala en el recuadro.
- Elige la salida: data URI, solo Base64, CSS, HTML o Markdown.
- Copia el texto o descárgalo como archivo .txt.
Ejemplo
logo.png (1,2 KB) → data:image/png;base64,iVBORw0KGgo… (unos 1,6 KB de texto)
Detalles y limitaciones
El texto Base64 ocupa un 33 % más que el archivo. Inserta en línea iconos y logotipos pequeños; para imágenes más grandes, enlázalas para que las páginas carguen rápido.
El tipo de imagen se detecta por el contenido del archivo, no por su nombre: PNG, JPG, GIF, WebP, AVIF, SVG, BMP e ICO. La codificación se hace en tu navegador.
FAQ
¿Cuándo conviene usar un data URI en Base64?
Para imágenes diminutas en CSS, correos HTML o páginas de un solo archivo, cuando ahorrar una petición importa más que el tamaño. Los data URI no se almacenan en caché aparte de la página.
¿Se sube la imagen?
No. El archivo se lee y se codifica en tu dispositivo.
Herramientas relacionadas
Referencias de formatos
Página de la herramienta actualizada: