Guía del Codificador de URL: Enlace Completo o Valor Suelto, Sin Romper Ninguno – Humanizador IA

1. Lo que la codificación de URL realmente es Una URL solo puede llevar sin peligro un conjunto limitado de caracteres. Las letras, los dígitos y unos pocos signos como - _ . ~ viajan tal cual; casi todo lo demás — espacios, tildes y eñes, letras japonesas o árabes, emoji, y la puntuación que tiene un oficio dentro de la propia dirección — debe reescribirse antes de que un navegador o un servidor pueda transportarlo sin confusión. La codificación por porcentaje es esa reescritura. Cada carácter inseguro se convierte en sus bytes UTF-8, y cada byte se escribe como un signo % seguido de dos dígitos hexadecimales. Un espacio se vuelve %20. Un & se vuelve %26. Un carácter japonés se vuelve tres grupos %XX, porque hacen falta tres bytes UTF-8 para guardarlo. No hay nada secreto ni astuto en esto. Es como meter un paquete frágil en una caja de envío estándar: el contenido no cambia, solo el exterior se vuelve seguro para el viaje. Decodificar es abrir la caja: leer cada grupo %XX como bytes y reconstruir el texto original. Esta herramienta hace ambos sentidos con las funciones exactas que tu navegador ya ofrece a cualquier sitio web: encodeURI y encodeURIComponent para codificar, decodeURI y decodeURIComponent para decodificar. Al usarlas aquí, pruebas el mismo comportamiento que tendrá tu código en producción, no una imitación parecida. 2. La única decisión que importa: URL completa o valor suelto Cada enlace codificado roto en el que has hecho clic en tu vida se reduce a una decisión tomada al revés. Una URL tiene estructura: el :// tras el esquema, las / entre los trozos del camino, el ? que abre la consulta, el & entre parámetros y el = entre un nombre y su valor. Esos caracteres son la puntuación del lenguaje de las direcciones. Si codificas un enlace completo ya construido, esa puntuación debe seguir funcionando: solo deben reescribirse los caracteres inseguros de dentro. Eso es el modo URL completa, la familia encodeURI. Repara espacios y letras no latinas y deja el esqueleto en pie. Un valor suelto plantea el problema contrario. Cuando un trozo de texto del usuario — una frase de búsqueda, un correo electrónico como jose@correo.es, un nombre de archivo como mi niño (final).pdf — debe colocarse dentro de una URL, sus propios caracteres no pueden actuar como puntuación. Si la frase contiene un &, un enlace sin codificar fingirá que el valor terminó ahí y que empezó otro parámetro. Por eso el modo Valor suelto, la familia encodeURIComponent, codifica también los caracteres de estructura: & se vuelve %26, = se vuelve %3D, ? se vuelve %3F, / se vuelve %2F. El valor puede entonces sentarse tranquilo dentro de un enlace mayor, y el servidor lo decodifica recuperando exactamente los caracteres que el visitante escribió. Enlace entero en un modo, valor suelto en el otro. Mezclarlos es todo el error. 3. Cómo usar esta herramienta, paso a paso Empieza por el selector de modo, porque cambia el significado de todo lo demás. Elige Una URL completa cuando ya tengas un enlace entero con espacios o texto no inglés dentro. Elige Un solo valor cuando tengas una frase de búsqueda, el valor de un parámetro, el destino de una redirección: cualquier cosa destinada a ser un trozo del enlace, no el enlace mismo. Debajo, la página te muestra en silencio la función exacta del navegador que usará esta conversión, así que la herramienta sirve también como etiqueta honesta de lo que tu código debería llamar. Después pega en la caja de entrada y elige la dirección: Codificar convierte el texto legible en forma %XX, Decodificar convierte la forma %XX en texto legible. No hay botón de Convertir que cazar; el resultado de abajo se actualiza en vivo mientras escribes, cambias de modo o inviertes la dirección. Esa inmediatez importa al depurar, porque puedes ver un valor cambiar carácter a carácter y observar el momento exacto en que un & deja de ser puntuación. Usa Probar ejemplo para una primera cadena de práctica segura, y Borrar cuando termines. Cuando el resultado parezca correcto, cópialo con el botón Copiar resultado. El botón más interesante es Intercambiar e invertir: devuelve la salida a la entrada y cambia Codificar/Decodificar, para hacer el viaje de ida y vuelta. Codificar y luego decodificar tu propia cadena debería devolver el original exacto. Si no lo hace, algo más arriba ya está codificando o decodificando sin avisar: un framework, una redirección, un formulario — y acabas de encontrar tu error sin tocar producción. Como todo en esta página, la conversión ocurre solo en esta pestaña del navegador; nada de lo que pegues se sube a ningún sitio. 4. El ejemplo resuelto: cómo & = ? corrompen un valor El panel bajo la herramienta pasa una frase por ambos modos para que nunca tengas que imaginar la diferencia. Toma un valor de búsqueda que un visitante puede escribir de verdad: cookies & cream = best? En modo URL completa sale como cookies%20&%20cream%20=%20best?: los espacios están arreglados, pero el & y el = siguen vivos. Móntalo en un enlace, ?q=cookies%20&%20cream%20=%20best?, y un servidor leerá muy razonablemente que q es solo la palabra cookies, tratará cream como el comienzo de otra cosa, y jamás verá la pregunta que el visitante hizo. El enlace no es malicioso; simplemente ya está corrupto antes de empezar. En modo Valor suelto, la misma frase se vuelve cookies%20%26%20cream%20%3D%20best%3F. Es más feo y es exactamente correcto: el servidor decodifica un solo parámetro y recupera la frase entera, con su &, su = y su ? incluidos. Ese contraste es toda la lección de esta herramienta, y es por eso que el selector de modo está encima de la entrada en vez de esconderse en unos ajustes. Si tu valor puede contener alguna vez un correo electrónico (el @ es otro invitado estructural), una URL de redirección (llena de : / ? & por sí misma) o un nombre de archivo con espacios y paréntesis, pertenece al modo Valor suelto, siempre. 5. Problemas al decodificar: secuencias inválidas, signos más y doble codificación Decodificar es donde esta herramienta se niega a ser amable y vaga. La codificación por porcentaje tiene una gramática: cada % debe ir seguido de exactamente dos dígitos hexadecimales, y los bytes resultantes deben formar texto UTF-8 válido. Dale al decodificador un % colgando al final, un %2 incompleto, un %ZZ, o unos bytes que nunca fueron UTF-8, y JavaScript lanzará un error. Esta página lo captura y te lo dice con claridad: la decodificación se detuvo, hay un signo de porcentaje roto ahí dentro, no se adivinó ningún resultado a medias. Esa honestidad ahorra tiempo real de depuración, porque un resultado vacío y silencioso te dejaría preguntándote si la herramienta se comió tu enlace; un error claro señala el carácter exacto que hay que corregir. Dos trampas más silenciosas merecen la misma luz. Primero, el signo más. En datos antiguos de formulario, + puede significar un espacio, pero en la codificación por porcentaje propiamente dicha un espacio es %20 y + significa un más literal. Como las funciones del navegador a las que refleja, este decodificador deja + como +, así que si un valor decodificado desde datos de formulario parece haber perdido sus espacios y ganado máses, lo que estás viendo es ese desacuerdo, no una herramienta rota. Segundo, la doble codificación: codifica una cadena ya codificada y %20 se vuelve %2520, porque el propio % se codifica. El servidor decodifica una vez, recibe %20 como texto literal, y tu enlace falla de un modo que parece embrujado hasta que cuentas las llamadas de codificación. Debe ser siempre exactamente una, en la frontera donde se arma la URL. 6. Lo que codificar no es: ni cifrar, ni seguridad, ni escondite Dilo una vez y créelo: la codificación por porcentaje no esconde nada. Es una reescritura pública y reversible que cualquiera — o cualquier copia de esta misma herramienta — puede deshacer en una fracción de segundo. Meter una contraseña codificada, una clave de API, un token de sesión o un correo privado en una URL no lo protege de ninguna manera. Peor aún, las URL tienden a quedar registradas, guardadas en favoritos, fotografiadas y pegadas en ventanas de chat, así que un secreto colocado en una tiende a viajar lejos incluso antes de que nadie lo decodifique. Si algo debe permanecer secreto, no pertenece a una URL; guárdalo en una cabecera, en un cuerpo de petición por HTTPS o en un sistema de tokens de verdad, y deja que la codificación haga su único trabajo honesto: volver transportables los caracteres. La misma honestidad vale en el otro sentido. Decodificar un enlace antes de hacer clic es un buen hábito: te deja leer adónde va realmente una dirección cubierta de %XX. Pero un enlace decodificado no se vuelve por eso un enlace seguro, y un enlace codificado no se vuelve por eso sospechoso. La codificación describe cómo están escritos los caracteres, nunca si el destino merece tu confianza. Juzga el dominio y el camino con el mismo cuidado lleguen codificados o en claro. Esta guía y esta herramienta repetirán esa distinción, porque la mayoría del daño asociado a la codificación de URL no viene de la mecánica, sino de esperar de ella lo que no puede dar. 7. Lista de bolsillo y límites honestos Antes de enviar un enlace, pasa la lista corta para la que se construyó esta página. Uno: decide enlace o valor, y elige el modo que le corresponde; nunca codifiques una URL entera en modo Valor suelto ni un valor solitario en modo URL completa. Dos: codifica exactamente una vez, donde se arma la URL. Tres: prueba a propósito el caso feo — un valor con espacios, un &, un =, un ? y una palabra no inglesa — antes de que tus visitantes lo encuentren por ti. Cuatro: si decodificar da error, lee el error al pie de la letra; el % roto está en el texto, y adivinar a su alrededor solo mueve el error de sitio. Cinco: mantén los secretos por completo fuera de las URL, codificados o no. Los límites, dichos sin rodeos. Esta herramienta usa las funciones URI de JavaScript, así que codifica a UTF-8 y decodifica esperando UTF-8; una cadena antigua codificada en otro juego de caracteres puede decodificarse aquí con caracteres de reemplazo, igual que en un navegador. Convierte un pegado cada vez — hasta el tope impreso de 50.000 caracteres — en vez de procesar archivos en masa, porque su trabajo es la conversión rápida y correcta mientras trabajas. Y procesa todo localmente en tu pestaña: ciérrala y tu texto se va con ella, sin registro. Elige el modo correcto, codifica una vez, y el humilde signo de porcentaje no volverá a romper tus enlaces.

Guía del Codificador de URL: Enlace Completo o Valor Suelto, Sin Romper Ninguno – Humanizador IA

Cómo funciona este codificador de URL gratuito: los modos URL completa y Valor suelto, por qué un valor con & = ? corrompe un enlace en el modo equivocado, los errores de secuencia % explicados con claridad, el UTF-8, y por qué codificar nunca es cifrar.