Convertidor de Data URI | Conversión bidireccional entre archivo y Base64

Convierte cualquier imagen, fuente o PDF en un Data URI Base64 con esquema data:, y decodifica Data URIs existentes de vuelta a archivos descargables. La herramienta muestra el tipo MIME, el tamaño del archivo y la longitud Base64, y previsualiza las imágenes en línea.

💡 Sobre esta herramienta

Incrustar un icono o logo pequeño como Data URI dentro de tu HTML o CSS elimina una petición HTTP, lo que ahorra un viaje de ida y vuelta en la carga de la página. Es el truco clásico para background-image en CSS, correos HTML y demos de un solo archivo donde no quieres recursos externos sueltos. La otra cara es la inspección: cuando encuentras un bloque data: en una hoja de estilos ajena, a menudo necesitas saber qué es realmente o recuperar la imagen original.

Este convertidor cubre ambas direcciones con un cambio de pestaña. El lado de codificación acepta arrastrar y soltar e informa de inmediato la longitud Base64 resultante, para que juzgues si el recurso es lo bastante pequeño. El lado de decodificación analiza un Data URI pegado, muestra el MIME y el tamaño decodificado, previsualiza imágenes y exporta los bytes como un archivo con nombre correcto en un clic.

🧐 Preguntas Frecuentes

P. ¿Qué tipos de archivo se admiten? Todo lo que el navegador pueda leer: imágenes, fuentes, PDF, texto plano y más. El formato Data URI en sí no depende del tipo.

P. ¿Cuánto crece el tamaño con Base64? Base64 aumenta los datos binarios en torno a 4/3. La longitud Base64 mostrada permite ver ese exceso, por eso incrustar conviene a recursos pequeños de pocos KB y no a archivos grandes.

P. ¿Puede leer un Data URI sin ;base64? Sí. También se analizan formas con codificación de porcentaje como data:text/plain,Hello, y se muestra el tipo MIME.

P. ¿Qué nombre recibe el archivo decodificado? La extensión se deduce del tipo MIME, generando nombres como decoded-file.png. Cuando el tipo es desconocido, recurre a .bin.

📚 Cómo funciona Base64 por dentro

El esquema Data URI está definido en el RFC 2397 con la forma data:[<mediatype>][;base64],<data>. Base64 agrupa cada tres bytes en cuatro caracteres del alfabeto A-Z a-z 0-9 + /, y por eso el tamaño crece de forma predecible. Entender este detalle ayuda a quien aprende desarrollo web a razonar por qué un icono diminuto se incrusta sin problema mientras una foto grande infla el archivo. Un patrón útil es convertir un SVG en Data URI para usarlo como fondo CSS sin un archivo extra, manteniendo el componente autocontenido.

Toda la lectura y conversión de archivos ocurre por completo en tu navegador; nada se envía a un servidor.