Codificador/Decodificador URL

Codifica o decodifica URLs y cadenas de consulta

Leer la guía completa

Tipo:

URL/Texto a Codificar

Salida Codificada

Diferencia entre tipos de codificación:

Componente URI: Codifica todos los caracteres especiales incluyendo : / ? # @ ! $ & ' ( ) * + , ; =
URI Completo: Preserva caracteres de estructura URL como : / ? # pero codifica espacios y otros caracteres inseguros

Codifica caracteres especiales en URLs para transmisión segura, o decodifica URLs codificadas para lectura humana. Esencial cuando trabajas con APIs REST, enlaces de tracking (Google Analytics UTM), URLs de compartir en redes sociales, o parámetros de búsqueda. Convierte espacios a %20, acentos (á, é, ñ) a códigos UTF-8, y caracteres especiales (&, =, ?) a su representación segura. Soporta dos modos: encodeURIComponent (para valores individuales) y encodeURI (para URLs completos). Usado diariamente por desarrolladores en LATAM trabajando con APIs de Mercado Libre, Google, Facebook, y sistemas de e-commerce.

La codificación URL (URL encoding o percent-encoding) reemplaza caracteres no permitidos en URLs con representaciones seguras usando el símbolo % seguido de dos dígitos hexadecimales. Por qué es necesario: (1) URLs solo permiten caracteres ASCII (a-z, A-Z, 0-9, algunos símbolos). (2) Caracteres como espacios, acentos (español: á, é, í, ó, ú, ñ), y símbolos (&, =, ?) tienen significados especiales o no son válidos. (3) Sin codificar, 'José García' rompería la URL. Codificado: 'Jos%C3%A9%20Garc%C3%ADa'. Ejemplo real: Un enlace de producto en Mercado Libre con nombre 'Televisor 55" Samsung' necesita codificar las comillas y el espacio para funcionar correctamente.

Parámetros de API con Texto en Español

Al enviar nombres, direcciones o descripciones con acentos (ñ, á, é) y caracteres especiales a APIs REST. Codifica valores antes de incluirlos en query strings.

Enlaces de Tracking UTM

Parámetros utm_campaign, utm_source con espacios o caracteres especiales. Google Analytics requiere URLs correctamente codificados para tracking preciso.

Compartir URLs en Redes Sociales

URLs con caracteres especiales pueden romperse en WhatsApp, Twitter o Facebook. Codifica para asegurar que el enlace funcione al compartir.

Debuggear URLs Codificados

Cuando recibes URLs con %20, %C3%A9, %26 y necesitas entender qué dicen. Decodifica para ver el texto legible original.

Formularios y Búsquedas

Datos de formularios enviados por GET se codifican automáticamente. Verifica cómo se transmiten búsquedas con acentos o caracteres especiales.

JavaScript provee dos funciones nativas: (1) encodeURIComponent() codifica TODO excepto A-Z, a-z, 0-9, - _ . ! ~ * ' ( ). Úsalo para valores individuales de query string. (2) encodeURI() preserva caracteres de estructura URL (: / ? # & =) y codifica el resto. Úsalo para URLs completos. La codificación usa UTF-8: un carácter puede resultar en múltiples %XX. Ejemplo: 'ñ' → %C3%B1 (dos bytes UTF-8). decodeURIComponent() revierte el proceso. Cuidado: doble codificación (codificar algo ya codificado) produce %25XX—la herramienta detecta esto.

Función	encodeURIComponent	encodeURI
Codifica espacios	Sí → %20	Sí → %20
Codifica acentos	Sí → %C3%XX	Sí → %C3%XX
Codifica & = ?	Sí → %26 %3D %3F	No (preserva)
Codifica / : #	Sí → %2F %3A %23	No (preserva)
Caso de Uso	Valores de parámetros	URLs completos

encodeURIComponent y decodeURIComponent están disponibles en todos los navegadores desde IE5.5+. Usan UTF-8 por defecto, soportando todos los caracteres Unicode incluyendo emoji. Para URLs legacy con codificación ISO-8859-1 (raro hoy), puede haber incompatibilidades. La herramienta funciona offline—todo es JavaScript nativo.

Preguntas frecuentes

¿Cuándo uso Component vs URI completo?

Usa encodeURIComponent para valores individuales que irán en query strings (después de ? o entre &). Usa encodeURI cuando tienes una URL completa y quieres codificar solo caracteres problemáticos sin romper la estructura de la URL.

¿Por qué el espacio a veces es + y a veces %20?

+ es formato application/x-www-form-urlencoded (formularios HTML). %20 es percent-encoding estándar (RFC 3986). Ambos representan espacio, pero %20 es más universal. Nuestra herramienta usa %20.

¿Cómo codifico URLs para WhatsApp?

Para crear enlaces de WhatsApp con mensaje predefinido: wa.me/52XXXXXXXXXX?text=[mensaje codificado]. Codifica el mensaje con encodeURIComponent: '¡Hola!' → '%C2%A1Hola%21'

¿Qué significa %C3%B1?

Es la letra 'ñ' codificada en UTF-8. En UTF-8, ñ ocupa 2 bytes: C3 y B1. Cada byte se representa como %XX. Caracteres no latinos (árabe, chino) usan 3-4 bytes.