¿Qué es URL Encoder / Decoder?
Un codificador/decodificador de URLs es una herramienta esencial para el desarrollo web que convierte entre texto regular y formato porcentual seguro para URLs. Cuando las URLs contienen espacios, símbolos especiales o caracteres no ASCII como letras acentuadas y emoji, se rompen a menos que se codifiquen correctamente. Esta herramienta ofrece codificación y decodificación instantánea con soporte completo para modo URL (codificación de URLs completas) y modo componente (codificación de valores de parámetros de consulta individuales), además de un modo por lotes para procesar múltiples cadenas a la vez. Maneja todas las operaciones de codificación porcental estándar definidas en RFC 3986.
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
- Codificación y decodificación instantánea con resultados en tiempo real
- Soporta modo URL y modo componente para diferentes contextos
- Modo por lotes para codificar o decodificar múltiples cadenas a la vez
- Maneja todos los caracteres especiales incluyendo Unicode y emoji
- 100% basado en navegador — ningún dato se envía al servidor
- Recuento visual de caracteres para verificar que la codificación no duplicó ni truncó la entrada
Consejos Profesionales
- Siempre codifique los parámetros de URL generados por el usuario antes de incluirlos en una URL
- Use encodeURIComponent() en JavaScript para valores individuales de parámetros de consulta
- Decodifique URLs antes de mostrarlas a los usuarios para mejor legibilidad
- Cuidado con la doble codificación: si ve %25 seguido de más dígitos hexadecimales, la URL fue probablemente codificada dos veces
- Usa el modo de componente al construir cadenas de consulta y el modo URL al codificar rutas de URL completas o URLs completas
Errores Comunes que Debes Evitar
- Doble codificación de URLs al codificar una URL ya codificada, convirtiendo %20 en %2520
- Usar el contexto de codificación incorrecto — modo URL y modo componente producen diferentes salidas
- Olvidar que + solo representa un espacio en datos application/x-www-form-urlencoded
- No manejar correctamente los caracteres no ASCII — asegúrate siempre de la codificación UTF-8 antes de la codificación por porcentaje
Términos Clave Explicados
- Codificación porcental: El mecanismo estándar para codificar caracteres en URLs, reemplaza caracteres inseguros con % seguido de su código ASCII hexadecimal de dos dígitos
- Cadena de consulta: La porción de una URL después del carácter ?, contiene pares de valores-clave separados por &
- Caracteres reservados: Caracteres como :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = con significado sintáctico especial en URLs según RFC 3986
- Modo componente vs modo URL: El modo componente codifica más caracteres y es para valores individuales; el modo URL preserva la estructura de URL y es para rutas completas
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
Ejemplo
Codificar 'Hello World & Friends!' → 'Hello%20World%20%26%20Friends%21'. Decodificar 'search%3Fq%3Dhello+world' → 'search?q=hello world'.
Interpretación de sus resultados
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.