Herramientas gratuitas para desarrolladores

URL Encoder / Decoder

El URL encoding, también conocido como percent encoding, es un mecanismo que convierte caracteres especiales en un formato seguro para ser transmitido en URLs. Los caracteres como espacios, &, ?, =, # y otros tienen significado especial en las URLs y deben ser codificados para evitar que se interpreten incorrectamente como parte de la estructura de la URL en lugar de como datos. Por ejemplo, un espacio se convierte en %20 y el signo & se convierte en %26. Sin esta codificación, los parámetros con caracteres especiales pueden romper la URL completa. Esta herramienta te permite codificar cualquier texto para su uso seguro en parámetros de URL, y decodificar URLs codificadas para restaurar su forma legible original. Es esencial para desarrolladores que trabajan con APIs, construyen URLs dinámicamente, o necesitan depurar problemas de codificación en sus aplicaciones web. Todo el procesamiento se realiza localmente en tu navegador, sin enviar datos a ningún servidor.

¿Cómo usar?

  1. Ingresa el texto o URL que deseas codificar o decodificar en el campo de entrada.
  2. Selecciona 'Encode' para convertir los caracteres especiales a su representación %XX.
  3. Selecciona 'Decode' para restaurar un texto previamente codificado a su forma original legible.
  4. Haz clic en 'Ejecutar' para procesar la operación.
  5. Usa el botón 'Copiar Resultado' para copiar el resultado al portapapeles y úsalo en tu proyecto.

Casos de Uso Reales

  • Construir query strings seguros. Antes de concatenar valores en una URL, codifica espacios, &, = y acentos para que no rompan la estructura de la petición.
  • Depurar parámetros UTM de analytics. Las campañas de marketing generan URLs llenas de %20, %26 y %3D. Decodifícalas para entender exactamente qué parámetros llegan a tu sitio.
  • Analizar redirecciones. Los flujos de login suelen incluir parámetros como redirect=https%3A%2F%2F... Decodificarlos revela a dónde apunta realmente el enlace.
  • Deep links a aplicaciones móviles. Los esquemas personalizados y los App Links transportan datos serializados en la URL que deben codificarse correctamente para llegar intactos.
  • Probar APIs desde la terminal. Verifica manualmente cómo debe escaparse un valor antes de pegarlo en un curl o en una colección de Postman.
  • Construir URLs con parámetros dinámicos. Si un usuario busca "café con leche" en tu aplicación, la URL resultante debe ser ?q=caf%C3%A9%20con%20leche. Codificar los valores de los parámetros evita URLs rotas cuando hay espacios, acentos, símbolos (&) o caracteres especiales.

Ejemplos Prácticos

Codificar texto con acentos y espacios

café con leche & azúcar
→ caf%C3%A9%20con%20leche%20%26%20az%C3%BAcar

Decodificar un parámetro de campaña

utm_source%3Dnewsletter%26utm_campaign%3Dverano%202026
→ utm_source=newsletter&utm_campaign=verano 2026

Codificar un texto con espacios y acentos

búsqueda: café & té
→ b%C3%BAsqueda%3A%20caf%C3%A9%20%26%20t%C3%A9

Decodificar un parámetro de webhook

nombre%3DJuan%26edad%3D30
→ nombre=Juan&edad=30

Preguntas Frecuentes

¿Qué caracteres se codifican en una URL?

Espacios, &, %, ?, #, /, =, y cualquier carácter no ASCII. El espacio se convierte en %20 o + dependiendo del contexto.

¿Es lo mismo encodeURIComponent que encodeURI?

No. encodeURIComponent codifica más caracteres, incluyendo /, ?, &, #, lo que la hace ideal para valores de parámetros. encodeURI preserva caracteres válidos en URLs.

¿El URL encoding afecta al SEO?

Indirectamente. Las URLs legibles son mejores para usuarios y motores de búsqueda, pero los parámetros codificados son normales y necesarios en aplicaciones dinámicas.

¿Cuándo necesito decodificar una URL?

Cuando recibes una URL con caracteres %XX de una API, un log, o un enlace, y necesitas entender el valor original o mostrarlo al usuario.

¿El signo + representa un espacio en URLs?

Sí, en el contexto de parámetros de formulario (application/x-www-form-urlencoded), el signo + representa un espacio. En otros contextos se usa %20.