Sin subida, 100% local, sin cuenta

Codificador / Decodificador de URL

Codifica caracteres especiales en URLs, o decodifica cadenas codificadas por porcentaje. Todo permanece en tu navegador.

Cómo funciona Codificador / Decodificador de URL

El codificador/decodificador de URLs convierte cadenas hacia y desde la codificación porcentual (también llamada codificación URL), el formato requerido por RFC 3986 para incluir caracteres especiales de forma segura en las URLs. Pega una cadena sin procesar para codificarla, o pega una cadena codificada en porcentaje para decodificarla de vuelta a un formato legible. La conversión se ejecuta completamente en el navegador usando encodeURIComponent y decodeURIComponent de JavaScript; nada de lo que escribas sale de tu dispositivo.

La codificación de URL importa cada vez que construyes parámetros de consulta, URIs de redirección o enlaces canónicos mediante programación. Un espacio se convierte en %20, un ampersand en %26, un almohadilla en %23, y así sucesivamente. La codificación también se aplica a nombres de dominio internacionalizados y caracteres no ASCII en segmentos de ruta. Esta herramienta también ofrece el modo encodeURI para codificar URIs completas mientras conserva caracteres estructurales como '/', '?' y '#'.

Escrito por Bastien Sulyan

Cómo usar Codificador / Decodificador de URL, paso a paso

  1. Pega el texto que quieres codificar o decodificar en el área de entrada.
  2. Selecciona «Codificar» para codificar el texto en porcentaje, o «Decodificar» para invertir la codificación.
  3. Elige el modo «encodeURIComponent» para valores de parámetros de consulta, o el modo «encodeURI» para URIs completas.
  4. Copia el resultado del área de salida.

Casos de uso comunes

  • Un desarrollador que construye una URL de redirección de búsqueda necesita codificar en porcentaje la cadena de consulta para que los caracteres especiales no rompan la estructura de la URL.
  • Un integrador de API recibe una URL de callback codificada en porcentaje en una carga de webhook y necesita decodificarla para verificar la dirección de destino.
  • Un editor de contenidos copia una URL con caracteres acentuados de un navegador y necesita codificarla para usarla en un enlace de Markdown.
  • Un ingeniero de control de calidad prueba un endpoint de validación de entrada codificando caracteres de límite como '<', '>' y '&' antes de enviarlos.

Preguntas frecuentes

¿Cuál es la diferencia entre encodeURIComponent y encodeURI?

encodeURIComponent codifica todo excepto letras, dígitos y los caracteres - _ . ! ~ * ' ( ). Es para codificar componentes individuales como valores de parámetros de consulta. encodeURI deja sin codificar los caracteres estructurales de URI (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) porque asume que la entrada es una URI completa. Usa encodeURIComponent para valores, encodeURI para URLs completas.

¿El texto que pego aquí se transmite a algún servidor?

No. La codificación y decodificación llaman a las funciones integradas encodeURIComponent y decodeURIComponent de JavaScript, que se ejecutan completamente en el motor JavaScript del navegador. Nada de lo que escribas aquí se envía a ningún lugar.

¿Por qué a veces un espacio se convierte en '+' en lugar de '%20'?

La notación '+' para espacios proviene del formato más antiguo application/x-www-form-urlencoded usado en los envíos de formularios HTML, que es diferente de la codificación porcentual de RFC 3986. Esta herramienta usa la codificación porcentual estricta de RFC 3986, por lo que los espacios se convierten en %20. Si tu sistema de destino espera '+' para los espacios, tendrás que reemplazar %20 por '+' manualmente después de codificar.

¿Puedo codificar una URL completa incluyendo su cadena de consulta a la vez?

Sí, usando el modo «encodeURI». Ese modo conserva '/', '?', '=', '&', '#' y otros caracteres estructurales de URL mientras codifica los caracteres no ASCII y reservados que aparecen en los valores de segmento o parámetro. Usa «encodeURIComponent» solo en valores de parámetros individuales, no en la URL completa.

¿Esta herramienta maneja caracteres Unicode y emojis?

Sí. El encodeURIComponent de JavaScript primero convierte el carácter a su secuencia de bytes UTF-8 y luego codifica en porcentaje cada byte. Un emoji como «pulgares arriba» se codifica a una secuencia multibyte como %F0%9F%91%8D. La decodificación invierte el proceso correctamente.

Herramientas relacionadas

Mantén todo en local, explora herramientas complementarias.

Todas las herramientas de desarrollo