Conversor de Imagen a Base64

Cómo usar

1. Elige una imagen (PNG, JPG, WebP, GIF o SVG) — se lee localmente, nunca se sube.
2. La herramienta produce el Data URI más fragmentos de HTML y de background-image en CSS listos para pegar.
3. Copia la versión que necesites con un clic, o descarga el Data URI como archivo de texto.

Sobre esta herramienta

Un Data URI incrusta un archivo directamente dentro de texto: data:image/png;base64, seguido de los bytes del archivo codificados en Base64. Pégalo en una etiqueta , un fondo CSS o un payload JSON y la imagen se muestra sin archivo separado y sin petición HTTP extra — la imagen viaja dentro del propio documento.

Eso es genuinamente útil para imágenes pequeñas: iconos en una página HTML de un solo archivo, logotipos en correos transaccionales, pequeños placeholders incrustados en CSS, fixtures en pruebas automatizadas. Es la herramienta equivocada para imágenes grandes — la salida Base64 es aproximadamente un 33% más grande que el archivo original y no puede cachearse por separado del documento. Como regla general, incrusta imágenes de pocos kilobytes y sirve todo lo demás como archivos normales.

La conversión aquí ocurre con la API FileReader, por completo en tu dispositivo: la imagen se lee en memoria, se codifica y se muestra — sin subida, sin servidor, sin almacenamiento. La estimación de tamaño junto al resultado muestra exactamente qué significa ese 33% extra para tu archivo antes de que decidas incrustarlo.

La fórmula

Formato del Data URI: data:{mime-type};base64,{base64-bytes}. Tamaño codificado ≈ tamaño original × 4/3 (más ~2% si se conservan los saltos de línea).

Preguntas frecuentes