¿Odias los anuncios? Ir Sin publicidad Hoy

Explicación de la codificación URL Por qué tus espacios se convierten en (y cómo solucionarlo)

Actualizado en

Las URL odian los caracteres especiales. Descubre qué es la codificación de URL, cuándo usarla y cómo codificar o decodificar URL al instante con nuestra herramienta gratuita.

Explicación de la codificación de URL: por qué tus espacios se convierten en %20 (y cómo solucionarlo) 1
ANUNCIO PUBLICITARIO · ¿ELIMINAR?

Alguna vez copiaste una URL con espacios y viste cómo se transformaba mágicamente en un montón de signos de porcentaje y números? Esa es la codificación URL en acción, el héroe anónimo que evita que Internet se desmorone por completo. 🔗

Si alguna vez pegaste un enlace en un correo electrónico solo para que se rompiera, o te preguntaste por qué tu solicitud de API está devolviendo datos inútiles, la codificación URL (o la falta de ella) es probablemente la culpable. Desmitifiquemos esto y te mostraremos cómo codificar y decodificar URLs al instante.

¿Qué es la codificación URL, de todos modos?

Las URLs solo pueden contener un conjunto limitado de caracteres. Letras, números y un puñado de símbolos son admitidos. Todo lo demás — espacios, ampersands, signos de interrogación, emojis, caracteres no ASCII — necesita ser convertido a un formato que las URLs puedan manejar.

Ese formato es codificación de porcentaje. Cada carácter inseguro se reemplaza con un signo de porcentaje seguido de su valor hexadecimal. Entonces:

  • space%20
  • &%26
  • =%3D
  • ?%3F
  • @%40

Sin esta codificación, los navegadores y servidores no tendrían idea de dónde termina un parámetro de URL y dónde comienza otro. El caos reinaría. Gatos y perros viviendo juntos. Pánico generalizado.

Cuándo necesitas realmente la codificación URL

Querrás codificar URLs siempre que estés:

  • Construyendo solicitudes de API — Los parámetros de consulta con entrada del usuario necesitan codificación, o tus solicitudes fallarán espectacularmente
  • Pasando datos en URLs — ¿Compartiendo enlaces con caracteres especiales? Codifícalos primero
  • Manejando datos de formularios — Las presentaciones de formularios usan codificación URL por defecto
  • Trabajando con texto no ASCII — ¿Japonés, árabe, emojis? Todos necesitan codificación

Básicamente, si estás insertando algo generado por el usuario en una URL, codifícalo. Tu yo futuro depurando misteriosos errores 400 te lo agradecerá.

Codificación URL vs Base64: No son lo mismo

Aclaración rápida porque esto confunde a la gente: la codificación URL y la codificación Base64 son animales completamente diferentes.

La codificación URL solo escapa caracteres "inseguros" y mantiene todo lo demás legible. Hello World se convierte en Hello%20World — todavía bastante reconocible.

Base64 convierte todos los datos en un alfabeto completamente diferente. Hello World se convierte en SGVsbG8gV29ybGQ= — jerigonza completamente ilegible (para los humanos, de todos modos).

Usa la codificación URL para URLs. Usa Base64 cuando necesites incrustar datos binarios en texto. Simple. 💡

La forma fácil: Codificador/Decodificador URL IO Tools

Claro, podrías escribir JavaScript para manejar esto (encodeURIComponent() es tu amigo), pero ¿por qué molestarse cuando puedes simplemente pegar texto y obtener resultados instantáneos?

Nuestro Codificador/Decodificador de URL hace exactamente lo que dice en la lata:

  • Pega tu texto, selecciona "Codificar", obtén salida segura para URL
  • Pega una URL codificada, selecciona "Decodificar", ve el texto original
  • Procesamiento en tiempo real — sin esperas, sin recargas de página
  • Utiliza métodos estándar de JavaScript internamente, por lo que los resultados son confiables

No se requiere registro. Sin anuncios molestos. Solo una herramienta que hace una cosa bien.

Errores comunes de codificación URL

Algunas cosas a tener en cuenta:

  • Doble codificación — Si algo ya está codificado, codificarlo de nuevo convierte %20 en %2520. Siempre decodifica primero si no estás seguro.
  • Signos más — En cadenas de consulta, el + a veces representa un espacio. Esto es algo heredado de las presentaciones de formularios. Nuestra herramienta maneja esto correctamente.
  • Codificación de ruta vs consulta — Reglas ligeramente diferentes se aplican a la ruta de la URL en comparación con los parámetros de consulta. Nuestra herramienta utiliza encodeURIComponent, que es la opción más segura para la mayoría de los casos.

Codifica algo

La próxima vez que te encuentres mirando una URL rota o depurando una API que devuelve sinsentidos, recuerda: la codificación es probablemente la respuesta.

Dirígete al Codificador/Decodificador de URL y pruébalo. Tus signos de porcentaje te esperan. 🔥

¿Quieres eliminar publicidad? Adiós publicidad hoy

Instalar extensiones

Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas

añadir Extensión de Chrome añadir Extensión de borde añadir Extensión de Firefox añadir Extensión de Opera

¡El marcador ha llegado!

Marcador es una forma divertida de llevar un registro de tus juegos, todos los datos se almacenan en tu navegador. ¡Próximamente habrá más funciones!

ANUNCIO PUBLICITARIO · ¿ELIMINAR?
ANUNCIO PUBLICITARIO · ¿ELIMINAR?
ANUNCIO PUBLICITARIO · ¿ELIMINAR?

Noticias Aspectos técnicos clave

Involucrarse

Ayúdanos a seguir brindando valiosas herramientas gratuitas

Invítame a un café
ANUNCIO PUBLICITARIO · ¿ELIMINAR?