Codificador de URL
Codifica cualquier URL o texto a percent-encoding al instante en tu navegador. Sigue el estándar RFC 3986. Gratis y sin registro.
Actualizado mayo de 2026
Revisado por Rafael Duarte
La codificación URL reemplaza caracteres ASCII no seguros con "%" seguido de dos dígitos hexadecimales. Es crucial para pasar datos en la query string.
Cómo funciona
Tres pasos, listo en segundos
1. Pega la URL o el texto
La salida en percent-encoding aparece al instante, con contador de caracteres en tiempo real.
2. Elige las opciones
"Codificar caracteres reservados" (`encodeURIComponent`) o conservar `/ ? &`; "Espacio como +" para formularios.
3. Copia el resultado
Haz clic en Copiar o usa Shift+Enter para llevarte el texto codificado.
Qué hace esta herramienta
Dos modos, una opción extra
Codificar caracteres reservados
Modo encodeURIComponent — codifica todo excepto A–Z a–z 0–9 - _ . ~. Ideal para valores de query string.
Conservar caracteres reservados
Mantiene / ? # & = intactos — para codificar una URL completa sin romper su estructura.
Espacio como +
Reemplaza %20 por +, tal como lo exige application/x-www-form-urlencoded.
100% en el navegador
Funciona con encodeURIComponent()/encodeURI() de forma local — nada se envía a ningún servidor.
Intercambio directo con el decodificador
El botón "Intercambiar" envía el resultado codificado directo al Decodificador de URL, sin copiar y pegar. Shift + ← / → alterna entre los dos modos con el teclado.
Ejemplos
Cuándo vas a necesitar esto
Los escenarios más comunes entre quienes usan la herramienta
Parámetro de query string
hello world tiene que convertirse en hello%20world antes de entrar en una URL, o se rompe en la mayoría de los servidores.
Una URL dentro de otro parámetro
Un ?redirect=https://... necesita que la URL interna esté completamente codificada.
Envío de formularios
application/x-www-form-urlencoded exige espacios como + y caracteres especiales en percent-encoding.
Firma de peticiones a una API
AWS Signature V4 y OAuth 1.0a piden un percent-encoding muy específico antes de calcular el HMAC.
Enlaces con acentos o emojis
Un link con "Bogotá" o 🚀 necesita UTF-8 más percent-encoding para abrirse bien en cualquier navegador o red social — la herramienta ya lo aplica automáticamente.
¿Algo salió mal? Empieza por aquí
Codificar la URL completa
Codificar https://api.com/buscar?q=x entera con encodeURIComponent rompe /, ? y = — codifica solo los valores.
encodeURI vs. encodeURIComponent
encodeURI conserva / ? #; encodeURIComponent también los codifica. Usar la función equivocada deja &/= sin codificar dentro de un valor de parámetro.
Codificar dos veces
Si la entrada ya tiene %20, el % se convierte en %25 y termina en %2520. Parte siempre del texto sin codificar.
El + en un segmento de ruta
La convención de + como espacio solo aplica en query strings — en la ruta de la URL es un signo de más literal.
No codificar acentos ni caracteres no ASCII
Una é, ñ o un emoji sin pasar por UTF-8 más percent-encoding rompe enlaces al compartirlos fuera de la app original o en sistemas antiguos. Esta herramienta ya aplica UTF-8 automáticamente, pero si armas la URL a mano, recuerda codificar esos caracteres.
Por qué codificar aquí
Todo el procesamiento ocurre en tu navegador con JavaScript — nada se transmite a ningún servidor, puedes comprobarlo en la pestaña de red del navegador.
Alternar entre los dos modos (codificar todo vs. conservar reservados) evita la confusión típica entre encodeURI y encodeURIComponent, y la opción de espacio como + resuelve el caso de los formularios sin tener que memorizar la regla.
Un % de más o un carácter reservado codificado en el lugar equivocado rompe llamadas a APIs y redirecciones sin ningún aviso — el resultado aparece al instante, con contador de caracteres y sello de validez, así que el error se detecta antes de convertirse en un bug en producción.
Quick Tools vs. la consola del navegador
Misma función, experiencia distinta
Preguntas frecuentes
encodeURI conserva los caracteres estructurales (/ ? # & =) y sirve para URLs completas. encodeURIComponent también los codifica y se usa para un único valor, como un parámetro de query string.
Referencias
La especificación oficial que define el percent-encoding y la sintaxis de las URI.
Referencia de la función de JavaScript con ejemplos de cuándo usarla en vez de encodeURI.
Explicación accesible del mecanismo de percent-encoding, su origen y su uso en distintos protocolos.
Artículo relacionado
O que é URL encoding? Percent-encoding explicado
Herramientas relacionadas
- Decodificador de URL Desarrollador Decodifica cualquier URL o cadena en percent-encoding a texto legible al instante en tu navegador. Sigue el estándar RFC 3986. Gratis y sin registro.
- Codificador Base64 Desarrollador Codifica cualquier texto a Base64 al instante en tu navegador. Compatible con UTF-8, muestra el recuento de caracteres y el tamaño del payload. Gratis, sin...
- Codificador de Entidades HTML Desarrollador Convierte texto a entidades HTML online — escapa caracteres especiales como <, >, & y " al instante en tu navegador.
- Imagen a Base64 Desarrollador Sube cualquier imagen y conviértela a una data URL Base64 lista para HTML, CSS o JSON — conversor gratuito compatible con PNG, JPEG, SVG y WebP. Sin subida...
- Decodificador Base64 Desarrollador Decodifica strings Base64 a texto plano al instante en tu navegador. Compatible con UTF-8, entrada multilínea y muestra el tamaño del payload.
