Imagen a Base64
Sube una imagen (PNG, JPG, GIF, SVG) y obtén su representación Base64 de forma instantánea, lista para usar en <img src>, CSS background o data URIs. También decodifica una cadena Base64 de vuelta a imagen.
Conversión
Arrastra una imagen o haz clic para subirla
PNG, JPG, GIF, WebP o SVG
Resultado
Cómo usar: Base64 imagen
- 1Elige el sentido: imagen a Base64 o Base64 a imagen.
- 2Arrastra la imagen (PNG, JPG, GIF, WebP o SVG) o pega la cadena Base64.
- 3Copia el Data URI completo, solo el Base64, o descarga el resultado.
¿Para qué sirve?
- Incrustar iconos pequeños en CSS o HTML sin peticiones extra.
- Incluir imágenes en correos o en JSON.
- Ver qué imagen contiene una cadena Base64.
Imágenes en Base64 (data URI)
Cuándo conviene
Incrustar una imagen como data URI evita una petición HTTP, útil para iconos pequeños, correos HTML o ficheros autocontenidos. Para imágenes grandes es contraproducente: aumentan un 33 % y no se cachean por separado.
Formato del data URI
Tiene la forma data:image/png;base64,AAAA…. El tipo MIME (image/png, image/jpeg, image/svg+xml) debe corresponder con el contenido real para que el navegador lo muestre.
Rendimiento
Mantén las imágenes incrustadas por debajo de unos pocos kilobytes. Para el resto, es mejor un archivo normal con caché del navegador y, si procede, formatos modernos como WebP o AVIF.
Herramientas relacionadas
Preguntas frecuentes
¿La imagen sale de mi dispositivo?+
No. Todo el proceso ocurre en tu navegador y nada se sube a ningún servidor.