Codificador URL

About Codificador URL

La codificación de URL (también llamada codificación por porcentaje o percent-encoding) es el proceso de transformar caracteres especiales en una representación segura para su uso en URLs y parámetros de query. Los espacios se convierten en %20, las @ en %40, los signos & en %26, y así con todos los caracteres que tienen significado especial en las URLs. Sin esta codificación, una URL con un parámetro como 'nombre=Juan García&ciudad=México' rompería el parseo de la URL porque el & separa parámetros y el espacio termina la URL. Los desarrolladores necesitan hacer esta conversión constantemente: al construir URLs con parámetros dinámicos, al trabajar con OAuth y pasar tokens como parámetros, al crear enlaces de compartir en redes sociales con mensajes predefinidos, o al depurar URLs complejas. Este codificador y decodificador de URL gratuito soporta tanto encodeURIComponent (para valores individuales de parámetros) como encodeURI (para URLs completas), convierte al instante y muestra el resultado en tiempo real. Todo se procesa localmente en tu navegador sin ningún servidor.

How to Use Codificador URL

1. Pega la URL o el Valor a Codificar: Introduce el texto que quieres codificar para uso en URL, o la URL codificada con % que quieres decodificar.
2. Elige Codificar o Decodificar: Selecciona si quieres codificar (texto a URL) o decodificar (URL a texto legible).
3. Copia el Resultado: El resultado aparece al instante. Cópialo al portapapeles para usarlo en tu URL, código o petición de API.

Key Features

• Codificación de Componentes URL: Codifica valores individuales de parámetros usando encodeURIComponent, que convierte todos los caracteres especiales excepto letras, dígitos, -, _, ., y ~.
• Decodificación de URL Completa: Decodifica URLs o parámetros codificados con % de vuelta a texto legible. Útil para entender URLs complejas de logs, analytics o redirecciones.
• Modos encodeURI y encodeURIComponent: Elige entre encodeURI (para URLs completas, preserva :, /, ?, #, &, =) y encodeURIComponent (para valores de parámetros, codifica todo excepto caracteres no reservados).
• Conversión en Tiempo Real: El resultado se actualiza instantáneamente conforme escribes — sin botones de envío ni esperas.
• Copia al Portapapeles: Copia el resultado codificado o decodificado con un clic para usarlo directamente en tu código, terminal o navegador.
• 100% Privado, Sin Servidor: Usa las funciones nativas del navegador (encodeURIComponent, decodeURIComponent). Ningún dato se transmite externamente.

Benefits

• Construir URLs con Parámetros Dinámicos: Cuando construyes URLs programáticamente con datos del usuario (nombres, mensajes, búsquedas), necesitas codificar cada valor de parámetro. Esta herramienta te da el resultado correcto para verificar o usar directamente.
• Depurar URLs Complejas: Los logs de servidor, analytics y redirecciones a veces contienen URLs altamente codificadas. Pégalas aquí para verlas en formato legible y entender exactamente qué parámetros contienen.
• Construir Flujos OAuth y Redirecciones: Los flujos de autenticación OAuth pasan URLs de redirección como parámetros de query. El redirect_uri debe estar correctamente codificado. Usa esta herramienta para verificar que la codificación es correcta.
• Crear Enlaces para Compartir en Redes Sociales: Los botones de compartir en Twitter, WhatsApp o por email construyen URLs con el texto del mensaje como parámetro. Codifica aquí el mensaje para generar el enlace correcto.

Supported Formats & Capabilities

• Cadenas de texto plano (codificar a formato por porcentaje)
• Cadenas URL con codificación por porcentaje (decodificar a texto plano)

Common Problems & Solutions

¿Cuál es la diferencia entre encodeURI y encodeURIComponent?

encodeURI está diseñado para URLs completas y preserva los caracteres que forman la estructura de la URL: :, /, ?, #, &, =, etc. encodeURIComponent codifica todo excepto letras, dígitos y -_.~, y está pensado para valores individuales de parámetros de query.

¿Cuándo necesito codificar una URL?

Siempre que incluyas datos del usuario o texto arbitrario en parámetros de URL. Sin codificación, caracteres como &, =, ?, # o espacios pueden romper el parseo de la URL.

El espacio se codifica como %20 o como +.

Ambas son válidas en contextos diferentes. %20 es la codificación estándar RFC 3986 para URIs. + para espacios es específico del formato application/x-www-form-urlencoded (formularios HTML). En query strings de URLs modernas, %20 es más seguro y portable.

Mi URL decodificada tiene %25 que se convierte en %.

Eso es correcto. %25 es la codificación de % en sí mismo. Si la URL contiene literalmente el carácter %, debe codificarse como %25 para evitar ambigüedad.

Pro Tips & Best Practices

• Para construir query strings en JavaScript, usa URLSearchParams que maneja la codificación automáticamente: new URLSearchParams({param: valor}).toString().
• Si estás depurando una URL larga con muchos parámetros, decodifícala aquí primero para ver todos los valores en texto plano — es mucho más fácil que intentar leer los %XX uno a uno.
• En flujos OAuth2, el parámetro redirect_uri debe estar exactamente codificado como espera el servidor. Si recibes errores de 'redirect_uri mismatch', verifica aquí que la codificación es la correcta.
• Los caracteres - _ . ~ no necesitan codificación en URLs. Los caracteres ! * ' ( ) tampoco necesitan codificación en estricta adherencia al RFC 3986, pero algunos sistemas los codifican de todas formas por seguridad.

Privacy & Data Security

La codificación y decodificación de URL se realiza completamente en tu navegador usando las funciones nativas encodeURIComponent() y decodeURIComponent() de JavaScript. Ningún texto, URL ni parámetro se transmite a ningún servidor externo. Puedes codificar con seguridad URLs que contengan tokens, contraseñas en parámetros o cualquier otro dato sensible.

Frequently Asked Questions

¿Cuál es la diferencia entre encodeURI y encodeURIComponent?

encodeURI preserva los caracteres estructurales de la URL (?, #, &, /, :). encodeURIComponent codifica todo excepto caracteres no reservados y se usa para valores individuales de parámetros.

¿Cuándo necesito codificar en formato URL una cadena de texto?

Siempre que incluyas texto introducido por un usuario o datos arbitrarios en parámetros de URL. Sin codificación, caracteres como &, =, ?, #, espacios y caracteres no ASCII pueden romper la URL.

¿Mis datos se transmiten cuando uso este codificador?

No. Las funciones nativas del navegador se encargan de esto de forma 100% privada, sin ninguna transmisión de datos.

¿Por qué los espacios se codifican como %20?

Según el estándar RFC 3986 para URIs, el espacio no está permitido y se representa como %20. En formularios HTML (application/x-www-form-urlencoded), los espacios se codifican como +, pero %20 es más portable.

¿Puedo codificar una URL completa con esta herramienta?

Sí. Usa el modo encodeURI si quieres codificar una URL completa preservando su estructura, o encodeURIComponent si quieres codificar un valor individual que irá como parámetro.

¿Qué caracteres NO necesitan codificación en URLs?

Letras (A-Z, a-z), dígitos (0-9), y los caracteres - _ . ~ son caracteres no reservados que no necesitan codificación. El resto se codifica con % seguido de dos dígitos hexadecimales.

¿Funciona esta herramienta con URLs en español o con caracteres especiales?

Sí. Los caracteres UTF-8 como tildes, ñ y otros se codifican correctamente en su representación multi-byte por porcentaje (p.ej., ñ se codifica como %C3%B1).

Related Developer Utilities