Convierte texto al instante hacia y desde la codificación porcentaje de URL. Elige Componente para fragmentos de query string y segmentos de ruta, o URL completa cuando la entrada ya es una URL completa y solo quieres codificar las partes no seguras.
Las URLs solo pueden contener un pequeño subconjunto de caracteres ASCII: letras, dígitos y un puñado de signos de puntuación reservados. Todo lo demás — espacios, letras acentuadas, emojis, valores de query string que contienen ampersands — debe codificarse en porcentaje: cada byte no permitido se convierte en un signo de porcentaje seguido de su valor hex (por ejemplo, espacio se vuelve %20, é se vuelve %C3%A9 en UTF-8).
Existen dos codificadores en JavaScript y la mayoría de lenguajes: uno permisivo (encodeURI) que deja intactos los caracteres de estructura de URL (puedes codificar una URL entera de forma segura sin romperla), y uno más estricto (encodeURIComponent) que codifica todo lo que no es estrictamente seguro — pensado para incrustar dentro de un valor de query string o segmento de ruta.
Usa Componente cuando la entrada es un dato que va dentro de una URL (un valor de query, un segmento de ruta con caracteres especiales). Usa URL completa cuando la entrada ya es una URL completa y solo quieres escapar los bordes ásperos (espacios, no-ASCII) sin tocar la estructura.
En application/x-www-form-urlencoded (formularios HTML), + representa un espacio. decodeURIComponent de JavaScript NO hace eso — solo maneja %20. Si decodificas datos de formulario, reemplaza + con %20 primero, o usa un parser form-urlencoded dedicado.
Los navegadores y servidores típicamente limitan las URLs a 2-8 KB. El codificador en sí no tiene límite, pero si tu salida codificada excede el límite del sistema destino tendrás un error en otro lugar — considera enviar los datos en el cuerpo de la petición.