Cuándo usar un URI de datos Base64
Un URI de datos incrusta los bytes de una imagen directamente dentro de tu HTML, CSS o JSON como texto, de modo que el navegador no necesita una petición de red aparte para obtenerla — útil para iconos pequeños, imágenes incrustadas en correos o prototipos rápidos. No es una buena opción para fotos grandes: la codificación Base64 aumenta el tamaño del archivo en aproximadamente un tercio, y el navegador no puede almacenar en caché una imagen incrustada por separado de la página que la contiene. Desmarca la casilla del prefijo si solo necesitas la cadena Base64 sin más, por ejemplo para combinarla con tu propia cabecera Content-Type en una API.
Sobre esta herramienta
Esta herramienta convierte un archivo de imagen en una cadena de texto codificada en Base64; útil para incrustar imágenes pequeñas directamente en HTML, CSS o JSON sin una petición de archivo aparte, o para pegar una imagen como texto en un payload de API.
Cómo usarla
- Elige el archivo de imagen que quieres convertir.
- La cadena Base64 se genera automáticamente, junto con un URI de datos listo para usar.
- Haz clic en «Copiar» para copiar la cadena Base64 o el URI de datos completo.
Preguntas frecuentes
¿La codificación Base64 aumenta el tamaño del archivo?
Sí; la codificación Base64 aumenta el tamaño en aproximadamente un 33 %, así que es más adecuada para imágenes pequeñas (iconos, logotipos pequeños) que para fotos grandes, donde un archivo de imagen normal es más eficiente.
¿Qué es un URI de datos y cuándo lo usaría?
Un URI de datos incrusta la imagen directamente en tu HTML o CSS (como background-image: url(data:image/png;base64,...)), evitando una petición de red aparte; práctico para imágenes pequeñas y de uso frecuente.
¿Mi imagen se sube a un servidor?
No; la conversión ocurre completamente en tu navegador, tu archivo de imagen nunca se sube a ningún lugar.