Herramienta de Codificación Porcentual de URL
Pega una cadena y la herramienta codifica con porcentaje cualquier carácter fuera del conjunto ASCII no reservado para que el resultado sea seguro al meterlo en una URL, query string, cuerpo de formulario o valor de cabecera. Pega una cadena codificada y alterna a modo decodificar para recuperar el texto original, con los bytes UTF-8 decodificados de vuelta a los caracteres multi-byte correctos.
Dos modos cubren las dos necesidades reales: el modo Component usa encodeURIComponent, escapando caracteres reservados como :, /, ?, #, & y = — úsalo al construir un valor de query string, un segmento de ruta o cualquier fragmento que deba sobrevivir intacto dentro de una URL mayor. El modo Full URI usa encodeURI, que conserva los caracteres estructurales de URL — úsalo cuando tengas una URL completa y solo necesites escapar sus caracteres especiales (espacios, letras acentuadas).
Es la herramienta para depurar una URL que da 404 por caracteres mal codificados, preparar un target de redirect que contiene otra URL, limpiar una URL pegada con %20 y %2F para leerla, construir un enlace de compartir para contenido con caracteres no-ASCII, o enviar un parámetro de query string en un ciclo por un ciclo log-pegar-leer. Un botón de intercambio invierte la dirección al instante y la salida se copia con un solo clic.
La codificación y decodificación corren puramente en el navegador — sin subida y sin petición al servidor.
Sobre esta herramienta
La codificación de URL (codificación porcentual) reemplaza caracteres inseguros con % seguido de dos dígitos hexadecimales. El modo Component codifica todos los caracteres especiales, mientras que el modo URI conserva caracteres como :, / y ? que son válidos en URLs.
- Modos encodeURIComponent y encodeURI
- Codificación/decodificación en tiempo real
- Intercambiar entrada y salida
- Copiar resultado al portapapeles
100% en tu navegador. Tus inputs nunca salen de tu navegador. Anuncios mediante AdSense (con consentimiento).
Preguntas frecuentes
¿Cómo codifico o decodifico una URL?
Pega la cadena y elige codificar o decodificar; la herramienta aplica encodeURIComponent para codificar y decodeURIComponent para decodificar. Cada carácter que no sea unreserved en URL (letras, dígitos, -, _, ., ~) se convierte en porcentaje (%20 para espacio, %3A para dos puntos, %C3%A9 para é como UTF-8). Decodificar invierte esto para que veas lo que contiene realmente una query string cruda.
¿El codificador URL es gratis?
Sí, totalmente gratis, sin registro ni límite de uso. Codifica y decodifica tantas cadenas como necesites — útil para construir parámetros de consulta, inspeccionar cadenas de redirección o depurar callbacks de OAuth. JSONCraft es gratis en todas las herramientas, incluida esta; no hay muro de funciones premium.
¿El codificador sube mi entrada?
No. Codificar y decodificar corren en tu navegador con funciones JavaScript nativas. Nada se transmite — útil porque las URLs llevan a menudo tokens de sesión, parámetros firmados o access tokens que no quieres loguear en otro sitio. Puedes pegar una URL de callback de producción con seguridad para inspeccionarla.
¿Cuál es la diferencia entre encodeURI y encodeURIComponent?
encodeURI codifica una URL completa y deja intactos los caracteres reservados (:, /, ?, #, =, &) porque tienen significado estructural. encodeURIComponent codifica todos los caracteres reservados porque asume que codificas un único componente (un valor de query, un segmento de ruta) que no debe confundirse con estructura de URL. Esta herramienta usa encodeURIComponent por defecto — la opción correcta al construir un parámetro a la vez.
¿Cuándo codificar URL frente a codificar HTML?
Codifica URL cuando la cadena va dentro de una URL (query string, segmento de ruta, data URL). Codifica HTML cuando va dentro de marcado HTML (dentro de una etiqueta o atributo) para prevenir inyección. Son capas de escape distintas — un valor puede necesitar ambas si va en un atributo HTML que contiene una URL. Esta herramienta cubre la capa URL; la codificación HTML va aparte y usa <, >, &, etc.
Fuentes (1)
- Berners-Lee, T., Fielding, R., & Masinter, L. (2005). Uniform Resource Identifier (URI): Generic Syntax. RFC 3986, IETF, January 2005 (STD 66).
Estas son las especificaciones y estándares que esta herramienta implementa.
Por Marco B. ·