Esta página se tradujo con IA y todavía no la ha revisado un hablante nativo. Leer la versión en inglés

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.

Elige un archivo o suéltalo aquíHasta 2 MB. Los archivos pequeños (menos de 10 KB) funcionan mejor.
0Original
0URI de datos
0Sobrecarga

Funciona por completo en tu navegador. Tus datos y archivos no se suben a ningún servidor.

Cómo se usa

  1. Elige un archivo pequeño (idealmente de menos de 10 KB).
  2. Elige Base64 o, para SVG, texto codificado para URL.
  3. Copia el Data URI o un fragmento CSS/HTML ya preparado.

Ejemplos

Fondo CSS

background-image: url("data:image/svg+xml,…") para un icono de 600 bytes.

Firma de correo

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.

Herramientas relacionadas

Todo en Utilidades de archivos
Vista previa y optimizador de SVGPrevisualiza archivos SVG de forma segura y redúcelos eliminando comentarios, metadatos del editor y espacios en blanco, con redondeo opcional de números.
Generador de faviconGenera un conjunto completo de favicons a partir de una imagen o una letra: favicon.ico, PNG de 16 a 512 px, icono Apple touch, manifiesto web y etiquetas HTML, en un solo ZIP.
Limpiador de CSVLimpia archivos CSV en tu navegador: recorta celdas, elimina filas vacías y duplicadas, cambia el delimitador y previsualiza la tabla antes de descargar.

Buscar herramientas