Categoría: Desarrollo
Generador de Data URI
Convierte texto o un archivo en una URI de tipo data:
Pega texto o elige un archivo, define el tipo de medio y obtén una URI de tipo data: que puedes incrustar en CSS, HTML o JSON. El archivo se lee y codifica por completo en tu navegador y nunca sale de tu dispositivo.
data:text/plain;base64,SGVsbG8sIHdvcmxkIQ==
Todo lo de esta página se procesa en tu navegador. No se sube nada.
Para qué sirve
Una URI de tipo data: incrusta los bytes de un archivo directamente dentro de una URL, de modo que un icono o una fuente pequeños pueden viajar dentro de una hoja de estilos en lugar de como una solicitud aparte. Esta herramienta construye una a partir de texto escrito o de un archivo elegido: los archivos siempre se codifican en base64, ya que los bytes crudos rara vez sobreviven a la codificación por porcentaje, mientras que el texto puede codificarse de cualquiera de las dos formas. No se sube nada: el archivo se lee con la propia API FileReader del navegador y la codificación se ejecuta localmente.
Cómo se usa
- Elige texto o un archivo como origen.
- Ajusta el tipo de medio si el detectado no es el que necesitas.
- Copia la URI de tipo data: generada.
Privacidad
Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.
Preguntas frecuentes
- ¿Se sube el archivo a un servidor?
- No. El archivo se lee y codifica en tu navegador; no se envía nada a ningún sitio.
- ¿Por qué un archivo siempre se codifica en base64?
- Los bytes binarios arbitrarios no sobreviven bien a la codificación por porcentaje, así que base64 es la opción fiable para archivos. El texto plano puede usar cualquiera de las dos.
- ¿Hay un límite de tamaño?
- Solo el práctico: las URIs de tipo data: muy grandes hacen más pesado el CSS o HTML que las rodea, así que esto funciona mejor con recursos pequeños como iconos o fragmentos breves.