Codificador y Decodificador de URL
Convierta texto y URL desde y hacia la codificación percent en su navegador. Elija codificación de componente o de URL completa y detecte secuencias inválidas antes de romper un enlace.
Cómo usar el Codificador y Decodificador de URL
La codificación percent mantiene válida una URL reemplazando los caracteres no permitidos con un signo de porcentaje seguido de dos dígitos hexadecimales. Esta herramienta le permite codificar y decodificar en un solo lugar. Siga estos pasos.
Elija un modo de codificación. Seleccione Codificar componente para escapar cada carácter reservado, lo que necesita para un único valor de cadena de consulta. Seleccione Codificar URL completa para mantener intacta la estructura de una dirección completa — sus barras, signo de interrogación y dos puntos. Seleccione Decodificar para convertir texto codificado en percent de nuevo en caracteres legibles.
Ejemplo: con Codificar componente, la frase «buscar gatos & perros» se convierte en «buscar%20gatos%20%26%20perros». Con Codificar URL completa, «https://toolphy.com/buscar?q=a b» se convierte en «https://toolphy.com/buscar?q=a%20b».
Pegue o escriba su entrada. Pegue una URL, un parámetro de consulta o cualquier texto en el campo de entrada. El texto en cualquier idioma funciona porque la herramienta usa UTF-8 y codifica correctamente los caracteres no ASCII, como letras acentuadas o emojis.
Decodifique datos de formulario cuando sea necesario. Las aplicaciones basadas en formularios HTML envían los espacios como signos más. Si decodifica una cadena de consulta generada por un formulario, active la casilla «Tratar + como un espacio» para que esos signos más vuelvan a ser espacios antes de decodificar.
Pulse Codificar o Decodificar y lea el resultado. El campo de salida se rellena al instante. Si una cadena codificada en percent es incorrecta — por ejemplo, si termina en un «%» aislado o contiene «%G1» — la herramienta se detiene y muestra un error claro en lugar de lanzar una excepción o bloquear la página.
Copie el resultado. Use el botón Copiar al portapapeles para obtener el valor convertido en su código, archivo de configuración o barra de direcciones. Nada sale nunca de su navegador.
¿Qué es la codificación de URL?
La codificación de URL, también llamada codificación percent, es la forma estándar de representar los caracteres que no están permitidos dentro de un Localizador Uniforme de Recursos (URL). Una URL solo puede contener un conjunto limitado de caracteres ASCII: letras, dígitos y algunos signos de puntuación como el guion, el guion bajo, el punto y la tilde. Todo lo demás — espacios, letras acentuadas, emojis, comillas, ampersands y signos de igual — debe escaparse para que los navegadores, servidores y proxies coincidan en dónde termina un valor y empieza el siguiente. El escape consiste en escribir un signo de porcentaje seguido de los dos dígitos hexadecimales del byte UTF-8 del carácter. Un espacio se convierte así en %20, el ampersand en %26 y la letra é en %C3%A9 porque ocupa dos bytes en UTF-8. JavaScript ofrece dos funciones integradas para esta tarea. encodeURIComponent escapa todos los caracteres con un papel reservado, incluidos la barra, el signo de interrogación, el ampersand, el signo de igual, el signo más y el almohadilla. Es la opción correcta cuando se construye el valor de un único parámetro de consulta, porque garantiza que el valor no se confunda con la sintaxis de la URL que lo rodea. encodeURI es más permisiva: deja intactos los caracteres que dan estructura a una URL, por lo que puede codificar una dirección completa conservando elementos como «https://», «?» y «&». La decodificación invierte el proceso con decodeURIComponent y decodeURI. La codificación percent incorrecta es un peligro real. Si una secuencia contiene un signo de porcentaje no seguido de dos dígitos hexadecimales, decodeURIComponent lanza un URIError. Una buena herramienta captura ese error y lo explica con claridad, porque una excepción no controlada rompería la página o corrompería el valor en silencio. Esta herramienta valida primero la entrada y muestra un mensaje localizado, de modo que siempre sabe si una cadena se puede decodificar sin riesgo. Todo se ejecuta localmente en su navegador, lo que significa que las credenciales, los tokens y los enlaces privados contenidos en una cadena de consulta nunca salen de su dispositivo.
Aplicaciones comunes
1. Construir cadenas de consulta: cuando ensambla una llamada a una API a mano, un término de búsqueda como «zapatos azules & calcetines» debe codificarse como «zapatos%20azules%20%26%20calcetines» antes de añadirlo después de «?q=». Use Codificar componente para ese valor.
2. Leer analíticas y registros: los enlaces de marketing y los registros del servidor están llenos de parámetros codificados en percent. Pegar una URL de campaña en el modo Decodificar revela los valores UTM legibles y los nombres de páginas de destino ocultos tras los escapes.
3. Depurar API: una solicitud que devuelve «400 Bad Request» suele deberse a un espacio o un ampersand sin escapar en un parámetro. Codificar el valor correctamente, o decodificar lo que el servidor recibió realmente, localiza el problema en segundos.
4. Trabajar con datos de formulario: los envíos de formularios codificados usan signos más para los espacios. Decodificar una carga de inicio de sesión o búsqueda con la opción «+ como espacio» reproduce exactamente lo que analizó el servidor.
5. Preparar contenido internacional: los nombres, direcciones y mensajes en francés, español, árabe o chino contienen caracteres fuera de ASCII. Codifíquelos antes de enviarlos como parámetro de consulta para que el servidor receptor interprete correctamente cada byte.
6. Compartir enlaces con seguridad: cuando una URL contiene otra URL como parámetro, como en los puntos de redirección o callback, la dirección interna debe codificarse por completo. El modo componente lo hace sin escapar por error la estructura externa.
encodeURI vs encodeURIComponent
Las dos funciones solo se diferencian en los caracteres que dejan intactos, pero esa diferencia importa. encodeURI conserva todos los caracteres reservados: ; , / ? : @ & = + $ #. Está diseñada para codificar una URL completa y no toca su sintaxis. encodeURIComponent escapa esos mismos caracteres reservados, de modo que la cadena resultante puede insertarse de forma segura como un único valor. Un error frecuente es pasar una dirección completa por encodeURIComponent, lo que convierte «https://» en «https%3A%2F%2F» y rompe el enlace. Use encodeURI para direcciones y encodeURIComponent para valores de parámetros.
Ejemplos comunes de codificación percent
Un espacio es %20, un signo más es %2B (recuerde que un más literal en una cadena de consulta suele significar un espacio), un ampersand es %26, un signo de igual es %3D, un signo de interrogación es %3F, una barra es %2F y un almohadilla es %23. Las letras no ASCII se codifican byte a byte en UTF-8: el signo del euro se convierte en %E2%82%AC y un emoji sonriente en %F0%9F%98%80. Reconocer estos patrones hace que las cadenas codificadas sean mucho más fáciles de leer.
Utilidades Relacionadas
Preguntas Frecuentes - FAQ
¿Se envían mis datos a un servidor?
No. La codificación y la decodificación se realizan por completo en su navegador. Su entrada nunca sale de su dispositivo ni se sube a ningún servidor.
¿Cuál es la diferencia entre los dos modos de codificación?
Codificar componente (encodeURIComponent) escapa cada carácter reservado y es ideal para un único valor de cadena de consulta. Codificar URL completa (encodeURI) deja intactos caracteres reservados como «/», «?» y «&» para que toda la dirección siga siendo válida.
¿Por qué falla a veces la decodificación?
decodeURIComponent produce un error cuando un signo de porcentaje no va seguido de dos dígitos hexadecimales válidos, por ejemplo un «%» aislado o «%G1». La herramienta captura este error y muestra un mensaje claro en lugar de fallar.
¿Por qué aparecen signos más en los datos codificados?
Los formularios HTML codifican los espacios como signos «+». Al decodificar datos de formulario, active la casilla «Tratar + como un espacio» para convertir esos signos más en espacios antes de decodificar.
¿Existe un límite de tamaño?
Las cadenas muy grandes se rechazan para mantener la página ágil. La herramienta rechaza entradas de más de aproximadamente un millón de caracteres y muestra un aviso en lugar de bloquearse.
Última actualización: