Los espacios, símbolos y caracteres especiales rompen las URLs — la codificación porcentual lo soluciona. Codifica cualquier URL para una transmisión segura, o decodifícala de vuelta a texto legible, al instante.
Cargando calculadora...
¿Te ha ayudado esta calculadora?
¿Qué es Codificador/Decodificador de URL?
Un Codificador/Decodificador de URL convierte entre texto normal y el formato de codificación porcentual seguro para URLs. Esencial para desarrolladores web que trabajan con parámetros de consulta, solicitudes API y enrutamiento de URLs.
Cuándo Usar Esta Calculadora
Estás construyendo una URL con parámetros de consulta que contienen espacios, símbolos o caracteres no ASCII
Necesitas decodificar una URL con codificación porcentual para leer su contenido real
Estás depurando una API que rechaza tu URL por caracteres especiales sin codificar
Estás procesando URLs enviadas por usuarios que deben sanearse antes de usarse
Necesitas codificar o decodificar varios segmentos de URL a la vez en lote
Estás construyendo redirecciones o URLs de callback donde los parámetros deben estar correctamente codificados
Pasos:
Escribe o pega el texto/URL que quieres codificar o decodificar.
Selecciona el modo Codificar o Decodificar.
Haz clic en el botón Convertir.
Copia el resultado para usarlo en tu aplicación.
Fórmula
Codificación: caracteres no seguros → % + código hex de 2 dígitos ➡ Decodificación: %XX → carácter original
Casos de uso
Construir cadenas de consulta seguras para URLs
Procesar parámetros de solicitudes API
Depurar URLs codificadas
Crear slugs y rutas amigables para URLs
Beneficios Clave
Codifica y decodifica al instante
Maneja todos los caracteres especiales
Funciona por completo en el navegador
Gratis, sin necesidad de registro
Consejos Profesionales
Codifica siempre los parámetros URL generados por el usuario
Usa encodeURIComponent() para parámetros de consulta en JavaScript
Decodifica las URLs antes de mostrarlas a los usuarios para mayor legibilidad
Errores Comunes que Debes Evitar
Codificar URLs dos veces por accidente
Usar la codificación incorrecta para el contexto incorrecto (URL vs HTML)
Olvidar que + representa espacio en las cadenas de consulta pero no en los segmentos de ruta
Términos Clave Explicados
Codificación de URL: codificación porcentual para URLs seguras
Codificación porcentual: % seguido de código hexadecimal
Cadena de consulta: parámetros después de ? en la URL
Caracteres reservados: caracteres con significado especial en las URLs
Conceptos relacionados
Codificación porcentual: el mecanismo de reemplazar caracteres no seguros con % seguido de su código ASCII hexadecimal de dos dígitos para una transmisión segura por URL
Cadena de consulta: la porción de una URL después del carácter ?, que contiene pares clave-valor separados por caracteres &
Caracteres reservados: caracteres como :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = que tienen un significado especial en la sintaxis de URL según RFC 3986
Caracteres seguros para URLs: caracteres no reservados (letras, dígitos, -, _, ., ~) que no requieren codificación en las URLs
encodeURIComponent vs. encodeURI: funciones de JavaScript donde encodeURIComponent codifica todo excepto letras, dígitos y _*-.~ para valores individuales, mientras que encodeURI preserva los caracteres de estructura de URL para URLs completas
El codificador convierte caracteres URL no seguros (espacios, &, ?, #, no ASCII, etc.) al formato de codificación porcentual, donde cada carácter se convierte en % seguido de su código hexadecimal de dos dígitos. El decodificador invierte este proceso, restaurando el texto legible original. El número de caracteres te ayuda a verificar que la codificación no duplicó ni truncó tu entrada inesperadamente.
El modo componente codifica un conjunto más amplio de caracteres y está diseñado para codificar valores de parámetros de consulta individuales. El modo URL es más estricto sobre lo que se codifica y está diseñado para codificar rutas URL completas o URLs completas. Usa el modo componente cuando construyas cadenas de consulta y el modo URL cuando codifiques una URL completa.
El modo lote te permite codificar o decodificar varias líneas a la vez, lo que resulta útil cuando tienes una lista de URLs o parámetros para procesar. Cada línea se trata como una entrada separada y todos los resultados se muestran juntos para copiarlos fácilmente.
Preguntas frecuentes
¿Por qué las URLs necesitan codificación?
Las URLs solo pueden contener ciertos caracteres ASCII. Caracteres como espacios, &, ?, # y caracteres no ASCII deben codificarse (codificación porcentual) para garantizar una transmisión segura por internet.
¿Qué es la codificación porcentual?
La codificación porcentual reemplaza los caracteres no seguros con un signo % seguido de su código hexadecimal de dos dígitos. Por ejemplo, un espacio se convierte en %20 y & en %26.
¿La codificación de URL es lo mismo que la codificación de HTML?
No. La codificación de URL (codificación porcentual) es para URLs. La codificación de HTML usa entidades como & para & o < para <. Sirven para propósitos diferentes en el desarrollo web.
¿Cuándo debo usar el modo URL en lugar del modo componente?
Usa el modo componente al codificar un valor de parámetro de consulta individual (por ejemplo, un término de búsqueda). Usa el modo URL al codificar una ruta URL completa o cuando necesites que toda la cadena sea segura para URLs. El modo componente codifica más caracteres porque asume que el valor se colocará dentro de una estructura de URL.
¿Por qué codificar 'Hello World' da 'Hello%20World' en lugar de 'Hello+World'?
En los segmentos de ruta URL, los espacios se codifican como %20. La codificación con + para espacios solo se usa en datos application/x-www-form-urlencoded (envíos de formularios HTML). La mejor práctica moderna es usar %20 de forma consistente en las URLs. La calculadora usa %20 para la codificación de URLs.
¿Puedo codificar caracteres no ASCII como emojis o letras con acentos?
Sí. Los caracteres no ASCII primero se convierten a bytes UTF-8 y luego cada byte se codifica porcentualmente. Por ejemplo, el emoji ☺ (U+1F600) se convierte en %F0%9F%98%80. Letras con acento como é (U+00E9) se convierten en %C3%A9. Este es el enfoque estándar definido en RFC 3986.
¿Cuál es la diferencia entre esto y la codificación de entidades HTML?
La codificación de URL (codificación porcentual) es para URLs — convierte caracteres en códigos hexadecimales %XX. La codificación de entidades HTML convierte caracteres en entidades nombradas o numéricas como & para & o € para €. Sirven para propósitos completamente diferentes y no son intercambiables.
¿Por qué algunas URLs funcionan sin codificación aunque contienen caracteres especiales?
Los navegadores modernos codifican las URLs automáticamente al navegar a ellas o enviar formularios. Sin embargo, al construir URLs programáticamente (en código, llamadas API o redirecciones del servidor), debes codificar manualmente porque el servidor no lo hará por ti.
¿Existe riesgo de doble codificación?
Sí. Si codificas una URL que ya está codificada, %20 se convierte en %2520, lo cual es incorrecto. Siempre verifica si tu entrada ya está codificada antes de volver a codificar. Esta calculadora muestra la salida decodificada para que puedas verificar que el resultado sea correcto.
¿Cómo manejo URLs codificadas en JavaScript?
Usa decodeURIComponent() para decodificar y encodeURIComponent() para codificar valores individuales. Para URLs completas, usa decodeURI() y encodeURI(), que preservan los caracteres de estructura de URL (/, ?, #, etc.). Nunca uses escape() ni unescape() — están obsoletos y no manejan Unicode correctamente.
