Conversor Base64 y data URI
Convierte una imagen a Base64 o data URI, recupera la imagen de un código Base64, transforma un SVG en CSS y codifica o decodifica texto, directamente en el navegador.
El Base64 hace un archivo aproximadamente un tercio más pesado: resérvalo para imágenes pequeñas e iconos.
Todo se calcula en tu navegador: no se envía nada.
Sobre esta herramienta
El conversor Base64 reúne cinco conversiones útiles para desarrolladores y maquetadores web: imagen a Base64, Base64 a imagen, SVG a CSS, CSS a SVG, y codificación o decodificación de texto. Sirve, por ejemplo, para integrar un icono pequeño directamente en una hoja de estilo o un correo HTML.
Suelta o pega una imagen para obtener su data URI, el Base64 solo, una regla CSS background-image, una etiqueta img o Markdown. Pega un código Base64 para recuperar la imagen: su formato se detecta automáticamente. Para un SVG, la codificación URL mínima da un código más corto y legible que el Base64.
- Imagen a Base64: data URI, Base64 solo, CSS, HTML o Markdown
- Base64 a imagen con detección del formato (PNG, JPG, GIF, WebP, SVG, ICO, AVIF…)
- SVG a CSS con codificación URL mínima o Base64
- Recuperar el SVG escondido en una regla CSS
- Texto a Base64 y vuelta, en UTF-8, con opción apta para URL
- Sin envíos: todo ocurre en el navegador
Cómo usarla
- Elige la pestaña de la conversión que necesitas.
- Suelta una imagen, pega un código o un SVG.
- Elige el formato de salida.
- Copia el resultado o descarga el archivo.
Preguntas frecuentes
¿Qué es una data URI?
Es una dirección que contiene el propio archivo, por ejemplo data:image/png;base64,…: la imagen se muestra sin petición a un servidor.
¿Conviene convertirlo todo a Base64?
No: el Base64 hace el archivo un tercio más pesado y no se guarda en caché por separado. Resérvalo para imágenes pequeñas e iconos.
¿Por qué la codificación URL para los SVG?
Un SVG ya es texto: escapando solo los caracteres necesarios, el código es más corto que el Base64 y sigue siendo legible.
¿Se envían mis archivos?
No, todas las conversiones se hacen en tu navegador.