Convertidor de imagen a Base64
Convierte PNG, JPG, WebP, GIF o SVG de hasta 10 MB en un data URI Base64. Copia el URI, el Base64 puro o código img y CSS para pegar.
La conversión ocurre por completo en tu navegador. Tu imagen nunca sale de tu dispositivo.
Suelta una imagen aquí
PNG, JPG, WebP, GIF, SVG · hasta ~10 MB
Cómo funciona
Base64 convierte cualquier secuencia de bytes en texto plano, así que un archivo de imagen binario puede vivir dentro de HTML, CSS o JSON sin peticiones adicionales. Esta herramienta lee tu archivo con la API FileReader del navegador, obtiene el data URI listo desde readAsDataURL y lo divide en las partes que necesitas.
- La codificación
- Base64 mapea cada 3 bytes del archivo a 4 caracteres de un alfabeto de 64 símbolos (A–Z, a–z, 0–9, +, /). El resultado es aproximadamente un 33% mayor que el archivo, pero sobrevive intacto por cualquier canal solo de texto — sin fallos de codificación ni archivos extra.
- Data URIs
- Un data URI combina el payload con una etiqueta: data:TIPOMIME;base64,DATOS. Para imágenes, el tipo MIME (image/png, image/jpeg, …) se antepone automáticamente, y los navegadores pueden renderizar la cadena directamente donde iría una URL de imagen normal.
- Dónde brilla
- Iconos, avatares y logotipos pequeños incrustados en HTML o CSS eliminan peticiones HTTP extra y mantienen la página autocontenida. Para fotos grandes, la penalización del 33% y el marcado hinchado suelen hacer que un archivo de imagen real sea la mejor opción.
Preguntas frecuentes
¿Qué es un data URI de Base64?
Un data URI es una representación en texto de un archivo que empieza con un prefijo como data:image/png;base64, seguido del contenido del archivo codificado en Base64. Los navegadores pueden renderizarlo directamente en lugar de un archivo de imagen separado, por lo que es útil para incrustar imágenes pequeñas en HTML, CSS y JSON sin peticiones extra.
¿Por qué la salida en Base64 parece tan larga?
Base64 representa 3 bytes con 4 caracteres, así que la cadena codificada siempre es aproximadamente un 33% mayor que el archivo original. Una imagen de 100 KB se convierte en un data URI de unos 133 KB. Por ese sobrecoste, la incrustación Base64 es mejor para imágenes pequeñas — iconos, avatares, miniaturas — que para fotos a resolución completa.
¿Qué formatos de imagen se admiten?
PNG, JPG, WebP, GIF y SVG de hasta 10 MB. La conversión es una codificación pura de bytes a texto, así que el formato y la calidad originales se conservan por completo — el data URI se renderiza igual que el archivo de origen.
¿La imagen se sube a algún sitio?
No. El archivo se lee con la API FileReader del navegador por completo en tu dispositivo, y la cadena Base64 se genera localmente en JavaScript. Sin servidor, sin peticiones de red — la imagen nunca sale de tu dispositivo.
¿Dónde puedo usar el data URI?
Cualquier lugar donde funcione una URL de imagen normal: dentro de etiquetas img src="...", como CSS background-image: url("..."), en estilos en línea, en cargas JSON o campos de CMS. La herramienta también genera los fragmentos de img y CSS listos para pegar.