Codificador URL

Codifica URLs de la forma correcta según el contexto

La codificación de URLs parece sencilla hasta que los caracteres reservados empiezan a romper una cadena de consulta o una ruta. Esta herramienta te ayuda a elegir entre codificar un componente y codificar una URL completa, algo importante porque encodeURIComponent y encodeURI conservan caracteres distintos a propósito. Probándolos en local dentro del navegador puedes ver exactamente cómo se tratan los espacios, ampersands, signos de igual, almohadillas y barras antes de pegar el resultado en el código o en una petición a una API.

Por qué importa la diferencia

Un parámetro de consulta necesita un escape más estricto que una URL completa. Si codificas demasiado, puedes romper la estructura del enlace. Si codificas demasiado poco, el servidor puede dividir un valor en el lugar incorrecto o interpretar algunos caracteres como separadores. Esta herramienta hace visible esa diferencia para que sepas si estás preparando un parámetro, un segmento de ruta o una dirección completa.

Flujo práctico

Lo mejor suele ser pegar un valor de ejemplo, comparar la salida codificada por componente y la salida para URL completa, y luego elegir la versión que encaje con tu caso. Es especialmente útil al construir peticiones fetch, formularios o enlaces profundos con valores dinámicos. Si la salida sigue pareciendo extraña, normalmente significa que la cadena original contiene caracteres que necesitan otra estrategia. Ver ambas salidas una al lado de la otra suele ser la forma más rápida de evitar enlaces rotos.