Codificador de URL
Codifica/decodifica componentes de URL o URLs completas, más un analizador de cadenas de consulta
Codifica todo, incluyendo / ? & = — úsalo para un solo valor (parámetro de consulta, segmento de ruta).
| Parámetro | Valor |
|---|
Dos codificadores URL, dos oficios
Componente o URL completa
Codifica un único valor de parámetro con codificación porcentual estricta, o cambia de modo para conservar los dos puntos, barras, signos de interrogación y ampersands de una URL completa.
Cadenas de consulta, analizadas
Pega cualquier enlace con una cadena de consulta y sus parámetros aparecen en una tabla: nombres, valores decodificados y signos más convertidos de vuelta en espacios, actualizados mientras editas.
Las dos mitades del trabajo
El mismo cuadro codifica un valor antes de entrar en un formulario y decodifica un enlace de seguimiento para ver qué envía realmente, con el resultado copiado directamente desde el panel de salida.
¿Qué es un codificador de URL?
Una URL solo puede contener un conjunto limitado de caracteres. Los espacios, las comillas, las letras no ASCII y símbolos como & y ? deben codificarse en porcentaje antes de viajar en una URL; de lo contrario, el enlace se rompe o envía la petición equivocada. Codificar a mano es tedioso, y equivocarse de alcance —codificar la URL completa cuando querías un componente, o al revés— es un error clásico. Esta herramienta codifica y decodifica en ambas direcciones, y descompone cualquier cadena de consulta en una tabla legible, para ver exactamente qué transporta un enlace de seguimiento o un envío de formulario.
Lo que codifica y decodifica
- 🔗 Modo componente: codifica en porcentaje un valor de parámetro o un segmento de ruta
- 🌐 Modo URL completa: codifica conservando los caracteres estructurales : / ? & =
- 🔄 Ambos modos se pueden decodificar de vuelta a texto legible
- 📋 Analizador de cadenas de consulta: pega una URL y verás sus parámetros en una tabla
- ⚡ Gestiona la convención del signo más como espacio en los valores de consulta
Dónde la gente tropieza con la codificación
- Construir enlaces que transporten de forma segura términos buscados por el usuario
- Depurar por qué un enlace copiado da 404 o pierde sus parámetros
- Decodificar URL de seguimiento para leer los valores UTM
- Preparar valores para una llamada a una API o una redirección
La conversión ocurre por completo en tu navegador: URL y parámetros nunca se suben. Nota: el modo URL completa conserva a propósito la estructura de la URL, lo cual es correcto para un enlace entero pero erróneo para un valor de parámetro aislado; para ese caso existe el modo componente.
Última actualización · 2026-09-01
encodeURIComponent contra encodeURI
- La codificación por componentes escapa los reservados (?, &, =, /) — correcta para valores de query.
- La de URL completa los preserva para que un enlace siga siendo enlace — correcta para la dirección entera.
- El espacio deviene %20 en ambas; + solo significa espacio dentro de cuerpos form-urlencoded — herencia de application/x-www-form-urlencoded.
Preguntas frecuentes
¿Cuál es la diferencia entre el modo Componente y el modo URL completa?⌄
El modo Componente (encodeURIComponent) escapa todos los caracteres especiales, incluyendo / ? & = — correcto para un solo valor de consulta. El modo URL completa (encodeURI) deja intactos los caracteres estructurales de la URL como : / ? & #, así que sirve para codificar una URL entera sin romperla.
¿Por qué el analizador de cadena de consulta muestra + como un espacio?⌄
En la convención application/x-www-form-urlencoded que usan las cadenas de consulta y los envíos de formularios, + representa un espacio (como alternativa a %20); el analizador sigue esa convención.
¿Se sube mi texto a algún sitio?⌄
No; todo se ejecuta en tu navegador usando las API estándar encodeURIComponent/decodeURIComponent. Nada de lo que escribes se envía nunca a un servidor.
Herramientas relacionadas
Herramientas relacionadas
Contador de texto
Conteo en vivo de palabras, caracteres, líneas, párrafos y oraciones, más el tiempo de lectura
Herramientas de líneas de texto
Elimina líneas duplicadas o en blanco, recorta, ordena e invierte, todo en un solo paso
Conversor de mayúsculas y minúsculas
MAYÚSCULAS, minúsculas, Tipo Título, camelCase, snake_case y más