Utilidades
URL Encode y Decode
Convierte texto a codificación por porcentaje para usarlo en una URL, o descifra una URL llena de %20 y %C3%B1 para leerla.
Texto original
Codificado
Los dos modos, con un ejemplo
Supongamos que quieres pasar la búsqueda gato & perro
como parámetro de https://ejemplo.es/buscar?q=.
Componente (correcto aquí)
Convierte el texto en
gato%20%26%20perro.
El & queda escapado, así que no
se confunde con el separador de parámetros.
URL completa (incorrecto aquí)
Dejaría el
& sin tocar, y el
servidor entendería que empieza un parámetro nuevo llamado "perro". La búsqueda llegaría cortada.
La regla práctica: usa "URL completa" solo cuando estés codificando una dirección entera que ya tiene su estructura, y "componente" siempre que codifiques un trozo que va dentro de un parámetro.
Tabla de los caracteres más habituales
| Carácter | Codificado | Por qué hay que escaparlo |
|---|---|---|
| espacio | %20 | Rompe la URL en muchos contextos |
| & | %26 | Separa parámetros entre sí |
| = | %3D | Separa nombre y valor |
| ? | %3F | Inicia la cadena de consulta |
| # | %23 | Inicia el fragmento |
| / | %2F | Separa segmentos de la ruta |
| + | %2B | Se interpretaría como espacio |
| ñ | %C3%B1 | Fuera de ASCII, dos bytes en UTF-8 |
| á | %C3%A1 | Fuera de ASCII, dos bytes en UTF-8 |
Preguntas frecuentes
¿Qué diferencia hay entre codificar la URL entera y codificar un parámetro? Codificar la URL entera respeta los caracteres que dan estructura (
: / ? & =), porque si los codificaras dejaría de ser una URL. Codificar un componente los escapa todos, que es lo que necesitas cuando ese texto va dentro de un parámetro. ¿Por qué aparecen esos %20 y %C3%B1? Es codificación por porcentaje. Cada byte que no es seguro en una URL se sustituye por un signo de porcentaje y su valor en hexadecimal. El espacio es el byte 32, que en hexadecimal es 20, de ahí
%20. La eñe son dos bytes en UTF-8, por eso ocupa %C3%B1. ¿Cuándo se usa el signo más para los espacios? En el cuerpo de un formulario enviado como
application/x-www-form-urlencoded, donde el espacio se representa con + en vez de %20. Tienes una casilla para activar ese comportamiento. ¿Por qué falla al decodificar algunas cadenas? Un signo de porcentaje suelto que no va seguido de dos dígitos hexadecimales válidos hace que la decodificación no sea posible. Suele pasar cuando el texto ya estaba decodificado y contiene un porcentaje literal.
Todo ocurre en tu navegador
Esta utilidad se ejecuta enteramente en tu equipo con JavaScript. Lo que escribes o pegas no se envía a ningún servidor, no se guarda y no queda registrado en ninguna parte.
Utilidades relacionadas
¿Buscas una app para instalar?
80+ Apps Markdown
El directorio más completo en español. Filtra por plataforma, precio y uso.