Imagen a Base64
Convierte una imagen en un URI de datos Base64 (data:image/…) listo para HTML, CSS o JSON.
Un URI de datos incrusta un archivo directamente como texto: data:[tipo-MIME];base64,[contenido]. En un PNG se ve como data:image/png;base64,iVBORw0KGgo…: el navegador decodifica el Base64 de vuelta a bytes y lo pinta igual que una imagen cargada desde una URL.
Respuestas rápidas
¿Cómo convierto una imagen a Base64?
Elige el archivo de imagen arriba: se codifica al instante en tu navegador y se muestra como URI de datos; pulsa «Copiar URI de datos» para llevarte la cadena completa.
Funciona con PNG, JPG, WebP, GIF y SVG (image/*).
¿Qué diferencia hay entre la cadena Base64 y el URI de datos?
La cadena Base64 son solo los bytes codificados como texto. El URI de datos añade un prefijo como data:image/png;base64, para que el navegador pueda usarlo directamente como origen de imagen en HTML o CSS.
Si solo necesitas los bytes codificados —para un campo JSON o la carga útil de una API—, toma todo lo que va después de la coma. Conserva el URI completo, prefijo incluido, al pegarlo en un src de <img> o en un url() de CSS.
¿Cuánto crece una imagen al pasarla a Base64?
En torno a un tercio: cada 3 bytes se convierten en 4 caracteres, así que un archivo de 3.000 bytes produce 4.000 caracteres de Base64, más el prefijo.
Por eso la técnica rinde en iconos pequeños, donde una petición HTTP menos compensa el sobrepeso, y no en fotografías.
Cómo se usa
- Elige un archivo de imagen de tu dispositivo.
- Se codifica al instante como URI de datos Base64, con su vista previa y los tamaños antes y después.
- Copia el URI completo para usarlo en HTML o CSS.
Acerca de esta herramienta
Al elegir una imagen arriba, el convertidor la lee localmente y te devuelve el URI de datos completo, listo para pegar en cualquier sitio donde iría la URL de una imagen. La parte que sigue a la coma es la cadena Base64 pura; el prefijo data: de delante indica al navegador el tipo de imagen.
Base64 infla el tamaño en torno a un 33 % y la cadena no se puede cachear por separado de la página, así que los URI de datos convienen para recursos pequeños —iconos, logos diminutos, miniaturas puntuales— y no para fotos: una foto de 2 MB como URI de datos abulta el HTML y retrasa el pintado. Tu imagen se lee en local y nunca se sube a ningún servidor.
Preguntas frecuentes
¿Cómo codifico una imagen en Base64?
Elige el archivo arriba: se codifica al instante en tu navegador y se presenta como URI de datos; con «Copiar URI de datos» te llevas la cadena entera.
¿Cuándo conviene usar URI de datos?
En iconos y gráficos diminutos, donde una petición HTTP extra cuesta más que el sobrepeso de tamaño.
¿Por qué el resultado es más grande que la imagen?
Porque la codificación Base64 añade más o menos un tercio al tamaño del archivo.
¿Mi imagen se sube a algún servidor?
No: se procesa al 100 % en tu dispositivo.
¿Puedo recuperar solo la cadena Base64, sin el prefijo data:?
Sí: es todo lo que va después de la primera coma del URI de datos.
Más herramientas en español
Generador de hash
Genera hashes SHA-256, SHA-512, SHA-384, SHA-1 y MD5 al instante, también de archivos, sin subir nada.
Codificador de entidades HTML
Codifica o decodifica entidades HTML: convierte <, >, & y las comillas en entidades seguras, y al revés.
Unir y dividir PDF
Une varios PDF en uno o divide y extrae páginas, directamente en tu navegador: sin subir archivos y sin registro.
OCR: imagen a texto
Extrae el texto de fotos y capturas de pantalla directamente en tu navegador, sin subir la imagen a ningún servidor.
Buscar y reemplazar
Reemplaza de golpe todas las apariciones de un texto dentro del texto que pegues.
Image to Base64 Converter
Encode an image as a Base64 data URI.