Codificador y decodificador URL

La codificacion URL — tambien llamada codificacion porcentual — es un mecanismo para convertir caracteres que no estan permitidos en URLs a un formato que puede transmitirse de forma segura. Reemplaza los caracteres no seguros con un signo de porcentaje seguido de dos digitos hexadecimales que representan el valor del byte del caracter. Por ejemplo, un espacio se convierte en %20 y un ampersand se convierte en %26.

Este codificador URL gratuito codifica y decodifica URLs en tiempo real mientras escribes. Admite dos modos: modo Componente — encodeURIComponent — para codificar parametros URL individuales, y modo URL completa — encodeURI — para codificar URLs enteras preservando caracteres estructurales como :, /, ? y #. Todo el procesamiento de este codificador URL ocurre completamente en tu navegador — ningun dato se envia a ningun servidor.

• Codificacion y decodificacion URL en tiempo real: la salida se actualiza al instante mientras escribes
• Modo Componente — encodeURIComponent —: codifica todos los caracteres especiales incluyendo :, /, ?, #, & y =
• Modo URL completa — encodeURI —: codifica caracteres especiales preservando los caracteres de estructura de la URL
• Boton de intercambio para invertir rapidamente la operacion del codificador URL y alimentar la salida como entrada
• Carga de archivos para codificar o decodificar archivos de texto
• Descarga y copia al portapapeles con un clic
• Modo pantalla completa para trabajar con URLs largas en el codificador URL
• Soporte completo de UTF-8: codifica correctamente caracteres multibyte incluyendo emojis y texto internacional
• Procesamiento 100% del lado del cliente: tus URLs y datos nunca salen del navegador
• Interfaz limpia y responsive que funciona en escritorio y moviles

1. Selecciona el modo: Codificar para convertir texto a formato codificado o Decodificar para convertir texto codificado a legible.
2. Escribe o pega tu entrada en el panel izquierdo del codificador URL. El resultado aparece al instante en el panel derecho.
3. Elige modo Componente para codificar todo — ideal para parametros de consulta — o modo URL completa para preservar la estructura de la URL.
4. Usa el boton de intercambio para invertir la operacion del codificador URL, perfecto para verificar ciclos de codificacion/decodificacion.
5. Haz clic en Copiar para copiar el resultado, o en Descargar para guardarlo como archivo.

Las URLs solo pueden contener un conjunto limitado de caracteres ASCII. Los caracteres especiales como espacios, ampersands, signos de interrogacion y caracteres no ASCII — letras acentuadas, caracteres CJK, emojis — deben codificarse con el codificador URL para transmitirse correctamente. Sin una codificacion URL adecuada, las URLs se rompen: los navegadores malinterpretan la estructura, los servidores rechazan la solicitud o los datos se corrompen durante la transmision.

La distincion entre codificacion de Componente y de URL completa es fundamental. Al construir parametros de consulta — por ejemplo, ?search=hola mundo&pagina=1 —, debes usar la codificacion de Componente para codificar cada valor de parametro individualmente. Si usaras la codificacion de URL completa, caracteres como & y = se preservarian, rompiendo la estructura de la cadena de consulta. Por el contrario, al codificar una URL entera con el codificador URL, el modo URL completa preserva los caracteres estructurales que definen el esquema, host, ruta y consulta.

• Construir cadenas de consulta de API: codifica correctamente valores de parametros URL que contienen caracteres especiales o espacios
• Depurar URLs malformadas: decodifica URLs codificadas con el codificador URL para leer el texto original e identificar problemas
• Manejo de datos de formulario: codifica la entrada del usuario para inclusion segura en parametros de consulta URL
• URLs de redireccion: codifica URLs de callback pasadas como parametros en flujos de autenticacion OAuth
• Internacionalizacion: codifica URLs que contienen caracteres no ASCII como letras acentuadas o texto CJK con el codificador URL
• Web scraping: decodifica URLs extraidas para obtener las direcciones originales
• Enlaces profundos: construye enlaces profundos correctamente codificados para apps moviles y aplicaciones de pagina unica

En la codificacion porcentual URL, cada byte de un caracter se representa como %XX donde XX es el valor hexadecimal de dos digitos. Los caracteres ASCII como A-Z, a-z, 0-9 y algunos caracteres especiales — guion, guion bajo, punto y tilde — se consideran no reservados y no necesitan codificacion con el codificador URL. Todos los demas caracteres deben codificarse.

Para caracteres UTF-8 multibyte, cada byte se codifica por separado con el codificador URL. Por ejemplo, el caracter chino para 'medio' se codifica como %E4%B8%AD — tres bytes —. Por eso la codificacion URL puede aumentar significativamente la longitud de cadenas que contienen texto no ASCII. La funcion encodeURIComponent de JavaScript maneja esto automaticamente, convirtiendo la cadena a bytes UTF-8 primero y luego aplicando la codificacion porcentual a cada byte.

• Usa siempre encodeURIComponent para valores individuales de parametros de consulta: nunca codifiques la URL entera de esta manera con el codificador URL
• Usa encodeURI solo cuando necesites codificar una URL completa preservando su estructura
• La doble codificacion es un error comun: codificar una cadena ya codificada convierte %20 en %2520 en el codificador URL
• Al depurar, decodifica la URL primero para ver los valores reales y luego vuelve a codificar si es necesario
• Los espacios pueden codificarse como %20 o + en cadenas de consulta: %20 es el estandar pero + es comun en envios de formularios
• Recuerda que decodeURI y decodeURIComponent de JavaScript lanzan errores con entrada malformada: este codificador URL maneja esos errores de forma elegante