¿Qué son los archivos de imagen?
Formatos binarios —PNG, JPG, WebP— que normalmente viven como archivos separados con sus propias solicitudes, reglas de caché y rutas relativas a tu página.
Codifica cualquier imagen como data URI Base64, hecho
No se pudo cargar la herramienta. Comprueba tu conexión e inténtalo de nuevo.
Suelta tus archivos aquí
o haz clic para elegir
Aún no hay archivos. Añade archivos para empezar.
Carga un PNG, JPG o WebP; se lee localmente, nunca se sube.
El data URI Base64 completo aparece de inmediato, listo para copiar.
Pégalo en CSS, en el img src de HTML o en JSON, o guárdalo como archivo .txt.
Suelta la imagen en la página. Los bytes del archivo se leen y se codifican como data URI Base64 localmente, mostrados listos para copiar o descargar como archivo .txt.
No. Base64 es una representación textual sin pérdida de los bytes originales exactos. Decodificar el data URI después devuelve una imagen idéntica byte a byte.
Base64 representa cada 3 bytes como 4 caracteres, añadiendo aproximadamente un 33 % más el prefijo del data URI. Eso es inherente a la codificación, no a esta herramienta.
Nunca. El archivo se lee con la API FileReader del navegador y se codifica en tu dispositivo; no hay subida ni cuenta.
Aquí tienes para qué sirve cada formato y cuándo convertir archivos de imagen en data URIs es la decisión correcta.
¿Qué son los archivos de imagen?
Formatos binarios —PNG, JPG, WebP— que normalmente viven como archivos separados con sus propias solicitudes, reglas de caché y rutas relativas a tu página.
¿Qué son los data URIs Base64?
Los mismos bytes como una cadena de texto autónoma (data:image/png;base64,...) que viaja incrustada en CSS, HTML o JSON sin una segunda solicitud.
Cuándo lo necesitas
Úsalo para iconos diminutos, marcadores incrustados, exportaciones HTML de un solo archivo o para evitar solicitudes extra en correos. Para algo mayor que unos pocos kilobytes, un archivo real con caché adecuada suele ser la mejor opción.