Codificación de Porcentaje
Codifica y decodifica URLs — modos Componente, URL Completa y FormularioEntrada
encodeURI — codifica una URL completa preservando su estructura (esquema, ?, &, =, #)
Ctrl↵
Acerca de Codificación de Porcentaje
Codifica texto o URLs usando el modo correcto para tu caso de uso: Componente (encodeURIComponent) para valores de parámetros y segmentos de ruta, URL Completa (encodeURI) para codificar una URL preservando su estructura, o Formulario (application/x-www-form-urlencoded) para envíos de formularios HTML donde los espacios se convierten en +. Decodifica cualquier cadena con codificación de porcentaje, con opción de decodificar + como espacio para datos de formulario. Compatible con codificación en tiempo real, modo por línea y detección automática de entrada ya codificada. 100% en el navegador.
Preguntas frecuentes
¿Qué es la codificación de URL (codificación porcentual)?
La codificación de URL convierte los caracteres que no están permitidos o tienen un significado especial en las URL en un % seguido de dos dígitos hexadecimales. Un espacio se convierte en %20, & en %26. Garantiza que las URL sean válidas cuando contienen texto arbitrario o caracteres especiales.
¿Cuál es la diferencia entre %20 y + en la codificación de URL?
Ambos representan un espacio, pero en contextos distintos. %20 es la codificación porcentual (RFC 3986) y es correcta en rutas de URL y fragmentos. + representa un espacio en los datos application/x-www-form-urlencoded (envíos de formularios HTML y cadenas de consulta). Usar + en un segmento de ruta es un error: se tratará como un signo más literal, no como un espacio.
¿Qué caracteres deben codificarse en porcentaje en una URL?
Los caracteres fuera del conjunto no reservado (A–Z, a–z, 0–9, -, _, ., ~) deben codificarse en porcentaje en la mayoría de los componentes de URL. Además, los delimitadores reservados (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) deben codificarse cuando se usan como datos y no como estructura de URL. Los espacios siempre se codifican como %20 en los segmentos de ruta.
¿Cuál es la diferencia entre encodeURI y encodeURIComponent en JavaScript?
encodeURI codifica una URL completa: deja sin codificar los caracteres estructurales (: / ? # @ etc.). encodeURIComponent codifica un componente de URL (un valor de parámetro o segmento de ruta): codifica todo excepto los caracteres no reservados. Usa encodeURIComponent para los valores individuales de los parámetros de consulta; usa encodeURI para una cadena de URL completa.
¿Puedo decodificar una URL que fue doblemente codificada?
Sí. La doble codificación (%2520 es un % doblemente codificado) puede ocurrir cuando se codifican datos ya codificados. Decodifica una vez para obtener %25, luego decodifica de nuevo para obtener %. Esta herramienta decodifica una capa a la vez. La doble decodificación es a veces una preocupación de seguridad (ataques de traversal de ruta), así que verifica que el resultado es lo que esperabas.