¿Qué es la codificación URL (percent-encoding)?

Es un método para representar caracteres que no están permitidos directamente en una URL — como espacios, &, ?, # y caracteres no ASCII — como un signo de porcentaje seguido de dos dígitos hexadecimales que representan el valor del byte del carácter, por ejemplo un espacio se convierte en %20.

¿Cuándo necesito codificar texto para una URL?

Cada vez que construyas una URL, cadena de consulta o envío de formulario que incluya texto generado por el usuario, caracteres especiales o texto no inglés. Las búsquedas, URLs de redirección y parámetros de API pasados en una URL comúnmente necesitan codificación.

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

encodeURIComponent (lo que usa esta herramienta) codifica todo carácter que no sea seguro dentro de un único componente de URL como el valor de un parámetro de consulta, incluyendo &, = y /. encodeURI está pensado para codificar una URL completa y deja intactos esos caracteres estructurales. Usa encodeURIComponent al codificar un valor que irá dentro de una cadena de consulta.

¿Por qué a veces la decodificación muestra un error?

La decodificación falla cuando la entrada contiene una secuencia percent-encoded mal formada — por ejemplo, un '%' no seguido de dos dígitos hexadecimales válidos, o una secuencia que no forma bytes UTF-8 válidos. Esta herramienta detecta ese URIError y muestra un mensaje claro en lugar de fallar.

¿Esto maneja bien los espacios?

Sí. Un espacio se codifica como %20 con encodeURIComponent (la forma correcta para una ruta de URL o valor de consulta). Ten en cuenta que los envíos de formularios HTML con application/x-www-form-urlencoded tradicionalmente usan '+' para espacios en su lugar — esa es una convención distinta que esta herramienta no replica.

¿Puede esta herramienta manejar emojis y texto no latino?

Sí. encodeURIComponent primero codifica el texto en UTF-8, luego aplica percent-encoding a cada byte resultante, así que emojis, chino, árabe y otro texto Unicode se procesan correctamente al codificar y decodificar.

¿Se envían mis datos a un servidor al usar esta herramienta?

No. Tanto la codificación como la decodificación se ejecutan completamente en JavaScript dentro de la pestaña de tu navegador usando APIs nativas. No se realiza ninguna solicitud de red.

¿Qué son los 'caracteres reservados' en una URL?

Caracteres como : / ? # [ ] @ ! $ & ' ( ) * + , ; = tienen un significado especial en la sintaxis de URL (separando el esquema, la ruta, la consulta y el fragmento). encodeURIComponent los escapa para que se traten como datos literales en lugar de sintaxis estructural de URL cuando se colocan dentro de un componente como un valor de consulta.

¿Por qué mi URL codificada es mucho más larga que el texto original?

Cada carácter fuera del pequeño conjunto 'no reservado' (letras, dígitos, - _ . ~) se reemplaza con una secuencia %XX de 3 caracteres por cada byte UTF-8. Texto con muchos espacios, símbolos o caracteres no ASCII puede expandirse significativamente.

¿Puedo usar esto para codificar una URL completa, no solo un parámetro de consulta?

Esta herramienta se basa en encodeURIComponent, pensada para codificar componentes individuales de una URL (como el valor de un único parámetro de consulta), no una URL completa con su esquema y estructura de ruta — codificar una URL completa así también escaparía los caracteres ':' y '/' que necesitan permanecer literales.

Codificador y Decodificador URL — Codifica o Decodifica URLs al Instante

Nuestro Codificador / Decodificador URL convierte texto hacia y desde percent-encoding (el formato %XX usado en URLs y cadenas de consulta) usando las funciones nativas encodeURIComponent y decodeURIComponent del navegador. Cambia entre modo Codificar y Decodificar, escribe o pega tu texto, y el resultado se actualiza al instante. Las secuencias percent-encoded mal formadas al decodificar se detectan y se muestran con claridad en lugar de romper la página. Todo ocurre localmente — el texto nunca se envía a un servidor.

Texto a codificar

Resultado

Tu resultado aparecerá aquí

Cómo usar Codificador / Decodificador URL — Herramienta Gratuita de Percent-Encoding

1
Elige Codificar para convertir texto a percent-encoding seguro para una URL, o Decodificar para convertir una cadena percent-encoded de vuelta a texto plano.
2
Pega o escribe tu texto en el área de entrada.
3
El resultado aparece al instante mientras escribes — sin necesidad de pulsar ningún botón.
4
Haz clic en 'Copiar' para copiar el resultado codificado o decodificado al portapapeles.

¿Por qué usar Codificador / Decodificador URL — Herramienta Gratuita de Percent-Encoding?

Las URLs solo pueden contener de forma segura un conjunto limitado de caracteres — letras, dígitos y unos pocos signos de puntuación. Los espacios, ampersands, signos de interrogación y caracteres no ASCII como letras acentuadas o emojis deben codificarse con percent-encoding (representados como %XX, donde XX es el valor hexadecimal del byte del carácter) antes de poder incluirse de forma segura en una ruta de URL, cadena de consulta o envío de formulario. Sin la codificación correcta, las URLs se rompen, los parámetros de consulta se truncan en caracteres '&' o '=' sin escapar, y el texto no ASCII se corrompe. Esta herramienta usa la función integrada encodeURIComponent de JavaScript, que codifica correctamente el texto Unicode en UTF-8 antes de aplicar percent-encoding, y decodeURIComponent, que revierte el proceso. Decodificar una cadena percent-encoded mal formada (como un '%' solitario no seguido de dos dígitos hexadecimales) normalmente lanza un URIError — esta herramienta lo detecta y muestra un error legible en lugar de romper la página.

Preguntas frecuentes

Herramientas relacionadas

Codificador / Decodificador Base64 — Herramienta Gratuita

Codifica texto a Base64 o decodifica Base64 a texto plano al instante en tu navegador. Compatible con UTF-8 y Unicode. Gratis, sin registro, sin enviar datos a un servidor.

Formateador y Validador de JSON — Embellecedor Gratuito Online

Formatea y valida JSON con la indentación correcta, o minifícalo para ahorrar espacio. Detecta errores de sintaxis al instante con un mensaje claro. Gratis, sin registro, funciona por completo en tu navegador.

Probador de Expresiones Regulares — Herramienta Gratuita Online

Prueba expresiones regulares contra texto de ejemplo con resaltado de coincidencias en vivo, grupos de captura y soporte de flags (g, i, m, s, u). Gratis, sin registro, funciona por completo en tu navegador.