Paso 1
Elige el modo
Componente para un valor, URI completa para conservar estructura o formulario para espacios como +.
Codificador de URL
Una dirección completa y un valor de consulta tienen límites distintos.
Codifica para el lugar que ocupará el texto
Una dirección completa y un valor de consulta tienen límites distintos.
Paso 2
Introduce el original
Pega texto sin codificar y comprueba los bytes UTF-8. No se abre la dirección.
Paso 3
Usa el resultado
Copia o descarga TXT. El enlace de la herramienta nunca contiene la entrada.
Usos prácticos
Construir una búsqueda
Para buscar A&B + café, codifica solo el valor en componente: A%26B%20%2B%20caf%C3%A9. Insértalo tras q= en un ejemplo como https://example.test/search?q=, dejando la estructura fuera.
URI completa mantiene el ampersand estructural. No puede deducir que uno en una consulta bruta ya montada debía ser dato. Fija el límite antes de codificar, no después de una respuesta inesperada.
Revisar un formulario
Al depurar un formulario, compara A+B C en componente y valor de formulario: A%2BB%20C y A%2BB+C. Ambos protegen el signo + original, pero representan el espacio de modo diferente.
Importa el protocolo receptor, no la salida más corta. Un decodificador de formulario interpreta + como espacio; uno de componente lo conserva. Aquí no se montan nombres, parámetros repetidos ni un cuerpo completo.
Texto internacional
Comprueba café antes de enviarlo a un receptor UTF-8. La entrada ocupa cinco bytes; caf%C3%A9 ocupa nueve ASCII y dos secuencias.
Las cifras describen representación, no palabras ni complejidad visible. Una letra acentuada precompuesta y otra con marca combinante pueden parecer iguales y tener bytes distintos. No se normalizan ni se elige la representación de una petición firmada.
Elegir el modo según el límite receptor
Componente URI sirve para un valor de consulta o segmento previsto de ruta. Protege &, =, /, ? y # de roles estructurales al insertarlos. URI completa supone que los delimitadores ya forman la estructura deseada. Ningún modo identifica los datos pretendidos dentro de una cadena ambigua.
folder/name se vuelve folder%2Fname en componente y queda folder/name en URI completa. Distingue un valor con barra de un separador mantenido. El receptor puede imponer más reglas de ruta; codificar no garantiza aceptar ese identificador.
JavaScript conserva puntuación que una convención estricta RFC 3986 podría escapar. Es una diferencia de compatibilidad, no un cuarto modo. Si una API exige escapes o canonicalización, usa su serializador en vez de asumir que una salida plausible cumple el protocolo. Definiciones ECMAScript y distinción histórica de caracteres.
Separar los datos de la estructura
A&BValor originalA%26BValor codificado?q=A%26BValor dentro de una consulta
De caracteres a bytes en una dirección
Cada secuencia porcentual representa un byte con % y dos dígitos hexadecimales. café pasa a caf%C3%A9 porque é ocupa dos bytes UTF-8. No es cifrado.
Una barra, un ampersand y una almohadilla pueden delimitar estructura. Codifica el valor antes de insertarlo; codificar toda la dirección como componente también oculta sus separadores.
El modo URI completa usa encodeURI y conserva delimitadores reservados. No valida dominios, bloquea esquemas peligrosos ni crea una forma canónica estricta del RFC. Categorías de caracteres del RFC 3986.
Por qué los formularios usan +
Los espacios se representan con + y un signo más literal con %2B. El modo formulario también codifica !, apóstrofos, paréntesis y ~ que JavaScript deja intactos en modo componente.
Se procesa un solo valor. a=b&c=d no se organiza como dos campos independientes. Para colecciones completas con nombres repetidos, utiliza un serializador estructurado.
Volver a codificar %2F produce %252F. Puede ser necesario al anidar, pero también revelar una capa accidental. Acuerda con el receptor una capa en cada límite. Serialización de formularios WHATWG.
Comparar salidas antes de unirlas a una URL
La tabla conserva la entrada y cambia el modo. El más es dato y se convierte en %2B en los modos de valor. El espacio es %20 en componente y + en formulario. Tilde y exclamación muestran que cambiar modo no es solo otra escritura de espacios.
Bytes de entrada usan UTF-8. Bytes y puntos de código de salida cuentan la cadena resultante, con %, dígitos hexadecimales y puntuación. Cada %HH representa un byte en el límite, pero tres caracteres de salida. No se cuentan grafemas ni se comprueba un límite del servidor.
Cargar ejemplo introduce una demostración, no visita una dirección. Texto y modo recalculan sin red ni envío adicional. Guarda el original antes de borrar o abrir el decodificador: el enlace correspondiente no transfiere la entrada.
| Entrada | Modo | Resultado codificado |
|---|---|---|
| A&B | Componente URI | A%26B |
| A+B C | Componente URI | A%2BB%20C |
| A+B C | Valor de formulario | A%2BB+C |
| folder/name | Componente URI | folder%2Fname |
| folder/name | URI completa | folder/name |
| ~! | Componente URI | ~! |
| ~! | Valor de formulario | %7E%21 |
Ejemplos literales, no cuerpos completos. Deben definirse límites y reglas del receptor.
Corregir errores sin alterar la capa equivocada
Si %2F pasa a %252F, se codificó un signo de porcentaje ya presente. URI completa también codifica signos de porcentaje literales; no preserva todo lo ya escapado. Vuelve al original salvo que una capa externa contenga intencionadamente un valor codificado. No reescribas una URL firmada probando decodificar y recodificar.
Un error Unicode puede señalar un sustituto aislado. La página rechaza en vez de reemplazar silenciosamente. Obtén texto original válido; borrar o sustituir al azar puede cambiar identificadores. Un receptor de codificación antigua necesita otro convertidor, no esta herramienta UTF-8.
Copiar y TXT exportan exactamente el resultado. Si falla el portapapeles, selecciona y copia manualmente; si falla descarga, copia. El enlace lleva solo la página, sin entrada, consulta o fragmento. La conversión local no protege historial del portapapeles ni archivos; codificar no es comprobar seguridad.
Método y límites
Conversión local mediante una sola pasada de encodeURIComponent, encodeURI o el conjunto de escape de formularios. Los contadores miden bytes UTF-8 y puntos de código Unicode, no grafemas.
Codificar no cifra, no sanea y no valida una URL. Se rechazan sustitutos Unicode aislados. No se ensamblan formularios completos ni se ofrece un modo RFC estricto.
Conserva el original y comunica modo y ejemplo inventado. Nunca envíes tokens ni URL privadas firmadas. Revisa las reglas del receptor antes de cambiar enlaces de producción.
Preguntas frecuentes
¿Qué modo sirve para un valor de consulta?
Componente URI, salvo que el protocolo exija explícitamente codificación de formulario.
¿Codificar es cifrar?
No. El texto se puede recuperar sin ningún secreto.
¿Por qué %2F pasó a %252F?
Se volvió a codificar el signo %.
¿Por qué URI completa deja el ampersand?
Supone que los delimitadores reservados son estructura. No sabe que un ampersand del valor bruto debía ser dato. Codifica el valor aparte en componente o formulario requerido y monta la estructura con un serializador adecuado.
¿Puedo codificar aquí un formulario completo?
Solo como un valor, normalmente no como pretendes. a=b&c=d no se divide en campos. Un serializador completo codifica nombres y valores aparte, y une con = y &. Nombres repetidos y campos vacíos también requieren tratamiento estructurado.
¿Por qué ~ y ! cambian en formulario?
Su conjunto de codificación los escapa, a diferencia del componente JavaScript. * sigue sin escapar en formulario. Elige por el receptor, no por apariencia. No hay modo RFC estricto adicional que resuelva automáticamente requisitos de otra API.
¿Puedo acortar quitando secuencias?
No a ciegas. Un delimitador restaurado puede convertirse en estructura donde no toca; un carácter multibyte requiere todos sus bytes UTF-8. Confirma si el límite cuenta bytes, texto decodificado o petición completa. Esta página no conoce ese contrato.
¿El enlace de herramienta incluye mi texto?
No. Copia la dirección sin entrada, resultado, consulta o fragmento actuales. Transferir texto requiere copiar o descargar deliberadamente. Tampoco el enlace al decodificador transporta datos; conserva el original antes de navegar.