Codificador y decodificador URL - URLs y consultas
Codifica texto para URLs y cadenas de consulta, o devuelve una URL codificada a texto legible, todo en tu navegador.
Elige un modo, pega el texto y pulsa Convertir. Codificar componente sirve para valores de consulta, Codificar URL completa conserva una dirección válida y Decodificar revierte cualquier cadena codificada.
Codificador y decodificador URL - URLs y consultas
Codifica texto para URLs y cadenas de consulta, o devuelve una URL codificada a texto legible, todo en tu navegador.
Codifica todos los caracteres reservados, incluidos & = ? / y #. Úsalo para un valor individual de consulta o segmento de ruta.
Cómo funciona: los caracteres fuera del conjunto no reservado se sustituyen por sus bytes UTF-8 escritos como pares hexadecimales %XX. Se usan encodeURIComponent, encodeURI y decodeURIComponent.
Acerca del codificador y decodificador URL
Las URLs solo pueden transportar ciertos caracteres de forma segura. RFC 3986 define un conjunto no reservado de letras, números y - _ . ~, y un conjunto reservado como ? & = / y # con significado estructural. Todo lo demás, desde un espacio hasta una letra acentuada o un carácter CJK, debe codificarse: se convierte en bytes UTF-8 y cada byte se escribe con un porcentaje y dos dígitos hexadecimales. Esta herramienta hace la conversión al instante y dentro del navegador, sin enviar lo que pegas a un servidor.
Ofrece tres modos porque JavaScript distingue dos tareas. Codificar componente usa encodeURIComponent y escapa cada carácter reservado; es adecuado para un término de búsqueda, destino de redirección, token o valor tras un signo igual. Si contiene & o =, codificarlos evita que el parámetro se divida.
Codificar URL completa usa encodeURI para una dirección ya estructurada. Escapa espacios, comillas, corchetes angulares y caracteres no ASCII, pero conserva : / ? & = # para mantener el significado del esquema, host, ruta y consulta. Codificar una URL completa como componente rompería las barras y el signo de interrogación.
Decodificar usa decodeURIComponent: convierte %20 en espacio, %26 en ampersand y secuencias como %C3%BC en ü. Sirve para leer enlaces de seguimiento, inspeccionar redirecciones OAuth o depurar formularios. Un % sin dos dígitos hexadecimales válidos produce un error claro.
Usos habituales: preparar parámetros de API, arreglar enlaces con espacios, insertar URLs dentro de otras y deshacer cadenas de redirecciones anidadas. La codificación es sintaxis de transporte, no seguridad: es reversible, así que no la trates como ocultación y valida siempre la entrada decodificada en el servidor.
Ejemplos de codificación URL
Cómo tratan los tres modos los caracteres reservados, espacios y texto no ASCII.
| Entrada | Salida | Nota |
|---|---|---|
| price=1+2 (Codificar componente) | price%3D1%2B2 | = y + están reservados en consultas y se escapan como %3D y %2B. |
| https://example.com/my files/report 2024.pdf (URL completa) | https://example.com/my%20files/report%202024.pdf | Los espacios se vuelven %20 y el esquema y las barras permanecen intactos. |
| na%C3%AFve (Decodificar) | naïve | La secuencia UTF-8 de dos bytes %C3%AF vuelve a ser la letra ï. |
| 50% off (Codificar componente) | 50%25%20off | El porcentaje literal debe codificarse como %25 para no confundir al decodificador. |
Cómo codificar o decodificar una URL
- Elige un modo: componente para un valor, URL completa para una dirección o Decodificar para revertirla.
- Pega el texto o la URL en el cuadro Entrada.
- Pulsa Convertir; el resultado aparece de inmediato en Salida.
- Copia la salida donde la necesites o pulsa Borrar para empezar de nuevo.
Preguntas frecuentes sobre URLs
¿Cuál es la diferencia entre encodeURIComponent y encodeURI?
encodeURIComponent escapa todos los reservados, incluidos / ? & = y #, para valores individuales. encodeURI conserva esos caracteres estructurales y se usa en una URL completa. La herramienta los ofrece como Codificar componente y Codificar URL completa.
¿Por qué un espacio se convierte en %20 y no en +?
%20 es la codificación estándar de espacio en URLs. + pertenece al formato antiguo application/x-www-form-urlencoded de formularios y solo se aplica en la consulta. Esta herramienta siempre emite %20; al decodificar, + sigue siendo un signo más.
¿Por qué aparece un error al decodificar?
decodeURIComponent falla cuando % no va seguido de dos dígitos hexadecimales válidos, por ejemplo un porcentaje literal o una secuencia cortada. Comprueba que la entrada esté completa y codificada.
¿Cómo se codifican acentos, CJK o emojis?
El carácter se convierte primero en bytes UTF-8 y cada byte se escribe como %XX. Una letra acentuada suele usar dos pares y un emoji cuatro; al decodificar se restauran exactamente.
¿Debo codificar una URL entera como componente?
No. Escaparía los dos puntos, barras y signo de interrogación que forman la estructura. Usa Codificar URL completa para una dirección y Codificar componente solo para sus valores.
¿Se envía al servidor lo que pego?
No. Todo se ejecuta en el navegador con las funciones JavaScript encodeURIComponent, encodeURI y decodeURIComponent; tus tokens, sesiones y rutas privadas no salen del dispositivo.