Codificador y Decodificador de URLs Online
Codifica y decodifica URLs con encodeURIComponent o encodeURI. Detección automática de caracteres especiales. Sin registro.
encodeURIComponent codifica todos los caracteres especiales (incluyendo : / ? # [ ] @ ! $ & ' ( ) * + , ; =). Ideal para valores de parámetros.
encodeURI preserva la estructura completa de una URL (no codifica : / ? # etc.). Ideal para URLs completas.
Hecho por
Miguel Ángel Colorado Marin
Hecho por
Miguel Ángel Colorado Marin
Full-Stack Developer · Guadalajara, España
Desarrollo aplicaciones web, herramientas digitales y proyectos completos — desde el diseño hasta el despliegue.
¿Cómo usar el codificador de URLs?
- 1
Elige el modo
Selecciona Codificar para convertir una URL con caracteres especiales a su forma percent-encoded, o Decodificar para obtener la URL original legible a partir de una URL codificada.
- 2
Elige el tipo de codificación
encodeURIComponent codifica todos los caracteres especiales incluyendo : / ? # & = y es ideal para codificar valores de parámetros. encodeURI preserva la estructura completa de la URL y solo codifica caracteres que nunca pueden aparecer en una URL.
- 3
Pega tu URL
Introduce la URL en el panel izquierdo. El resultado aparece en tiempo real en el panel derecho. El contador de diferencia de caracteres te indica cuántos caracteres cambiaron durante la codificación.
- 4
Copia o intercambia
Usa el botón Copiar para llevarte el resultado al portapapeles. El botón ⇄ intercambia input y output y cambia el modo automáticamente. El botón Ejemplo carga una URL de muestra con caracteres especiales en español.
Preguntas frecuentes
¿Qué es el percent-encoding?
El percent-encoding (o URL encoding) es el mecanismo que convierte caracteres que no están permitidos en una URL en su representación hexadecimal precedida por %. Por ejemplo, el espacio se convierte en %20, la ñ en %C3%B1 y el símbolo € en %E2%82%AC.
¿Cuál es la diferencia entre encodeURIComponent y encodeURI?
encodeURI está diseñado para codificar una URL completa y preserva los caracteres reservados que forman la estructura de la URL (: / ? # [ ] @ ! $ & ' ( ) * + , ; =). encodeURIComponent codifica todo excepto letras, dígitos y los caracteres - _ . ! ~ * ' ( ), siendo ideal para codificar valores de parámetros de query string.
¿Cuándo debo usar el codificador de URLs?
Cuando construyes URLs dinámicamente en JavaScript antes de incluirlas en un fetch o XMLHttpRequest, cuando formas query strings con valores que pueden contener caracteres especiales, o cuando necesitas decodificar una URL codificada para leerla de forma humana.
¿Por qué el espacio se codifica como %20 y no como +?
El estándar RFC 3986 (URLs) usa %20 para el espacio. El símbolo + se usa para espacios únicamente en el formato application/x-www-form-urlencoded (formularios HTML). Esta herramienta sigue el estándar RFC 3986.
¿Se envían mis datos a algún servidor?
No. Toda la codificación y decodificación se realiza en tu navegador usando las funciones nativas encodeURIComponent, encodeURI, decodeURIComponent y decodeURI. Ningún dato se envía a ningún servidor.
Incrusta el codificador en tu web
Integra este codificador de URLs en cualquier página web con un simple iframe:
<iframe
src="https://miguelacm.es/embed/url-encoder"
width="100%"
height="600"
frameborder="0"
title="URL Encoder Decoder"
></iframe>