Codificador y Decodificador de URL
Codifica caracteres especiales para URLs o decodifica cadenas percent-encoded a texto legible.
Cómo funciona: Pega texto o una URL abajo. Codificar convierte caracteres especiales al formato percent-encoded (%XX) para uso seguro en URLs. Decodificar revierte el proceso a texto legible.
encodeURIComponent — codifica todo, úsalo para valores de parámetros
¿Qué es la codificación URL?
La codificación URL (también llamada percent-encoding) convierte caracteres en un formato que puede transmitirse de forma segura en URLs. Los caracteres con significados especiales en URLs (como &, =, ?, /, #) o caracteres no ASCII (como letras acentuadas y emojis) se reemplazan con un signo de porcentaje seguido de su valor hexadecimal. Por ejemplo, un espacio se convierte en %20 y un ampersand en %26.
¿Cuándo necesitas codificación URL?
La codificación URL es necesaria cuando incluyes datos del usuario en URLs, construyes query strings con caracteres especiales, pasas datos por parámetros URL o trabajas con APIs que requieren valores codificados. Sin la codificación adecuada, las URLs pueden romperse o ser malinterpretadas por navegadores y servidores. También es esencial para prevenir ataques de inyección en aplicaciones web.
encodeURIComponent vs encodeURI
JavaScript proporciona dos funciones de codificación. encodeURIComponent codifica todo excepto letras, dígitos y algunos caracteres seguros (- _ . ! ~ * ' ( )). Úsalo para codificar valores individuales de parámetros. encodeURI codifica una URL completa pero preserva caracteres con significado en URLs como :, /, ?, # y &. Úsalo cuando quieras codificar una URL completa sin romper su estructura.
Casos de uso comunes
- Construir query strings de API con caracteres especiales
- Codificar datos de formulario para peticiones GET
- Pasar rutas o nombres de archivo en URLs
- Codificar caracteres no ASCII (acentos, CJK, emoji)
- Depurar URLs codificadas de logs o analytics
- Preparar URLs de redirección con parámetros