Archivo a Data URI
Los Data URI te permiten incrustar un archivo pequeño directamente en CSS o HTML, ahorrando una petición para iconos diminutos. Ocupan alrededor de un 33 % más que el original y no se pueden almacenar en caché por separado, así que esta herramienta te avisa cuando un archivo es demasiado grande para incrustarlo. Los SVG también pueden codificarse como texto escapado para URL, que suele ocupar menos que Base64.
Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor.
Cómo se usa
- Elige un archivo pequeño (idealmente de menos de 10 KB).
- Elige Base64 o, para SVG, texto codificado para URL.
- Copia el Data URI o un fragmento CSS/HTML ya preparado.
Ejemplos
background-image: url("data:image/svg+xml,…") para un icono de 600 bytes.
Algunos clientes de correo bloquean los Data URI: pruébalo antes de confiar en ellos.
Privacidad
Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor. Consulta la política de privacidad para saber qué se guarda en tu navegador (solo favoritos e historial). Política de privacidad
Compruébalo tú mismo: abre las herramientas de desarrollo del navegador, selecciona la pestaña Red (Network) y usa la herramienta. Tu archivo nunca aparece en una solicitud de subida. Cuando esta página esté guardada para uso sin conexión, también puedes desconectarte de internet y seguir trabajando. Los anuncios y las estadísticas de visitas anónimas, cuando están activados, hacen sus propias solicitudes, pero nunca reciben tus archivos ni tus textos.
Preguntas frecuentes
¿Cuándo no debo usar un Data URI?
Para archivos de más de unos 10 KB, para imágenes usadas en muchas páginas (un archivo normal se almacena en caché una sola vez) y para cualquier cosa que cambie a menudo.
¿Se sube el archivo?
No. Se lee y codifica en tu navegador.