Cómo codificar texto en formato URL
- Pega el texto o URL que quieres codificar en el recuadro de arriba.
- Elige un Ámbito de codificación: “Componente” (por defecto, para un único parámetro de consulta o segmento de ruta) o “URL completa” (para codificar una URL entera manteniendo intacta su estructura de
/,:,?y&). - Pulsa Codificador de URL, el resultado aparece al instante, justo debajo.
- Pulsa Copiar al portapapeles para tomar el texto codificado, o pega algo nuevo y ejecútalo de nuevo.
Sin archivo que elegir, sin barra de progreso de subida, todo es una operación de un clic, dentro del navegador.
Por qué codificar texto en formato URL
Las URL solo pueden contener de forma segura un conjunto limitado de caracteres. Cualquier cosa fuera de ese conjunto, espacios, letras acentuadas, emoji, y la puntuación reservada que la propia especificación de URL usa para su estructura (/, ?, &, =, #, :), tiene que reescribirse como una secuencia de escape %XX (su valor de byte en hexadecimal) antes de poder viajar de forma segura dentro de una URL, una cadena de consulta, una cabecera Content-Disposition, o un envío de formulario. Sáltate este paso y obtendrás enlaces rotos, parámetros de consulta truncados, o una petición que pierde silenciosamente la mitad de sus datos porque un & sin escapar se leyó como el inicio de un nuevo parámetro.
Esta es una tarea genuinamente cotidiana para cualquier desarrollador: construir una URL de redirección que incrusta otra URL como parámetro, construir a mano una cadena de consulta de búsqueda mientras depuras, preparar un valor para pegarlo en un comando curl o una petición de Postman, o averiguar por qué un parámetro de consulta que contiene un + o un & llega dañado al otro lado. Las propias funciones integradas encodeURIComponent y encodeURI de JavaScript hacen el trabajo real, esta página es solo una forma rápida y sin configuración de ejecutarlas sin abrir una consola ni escribir un script de una línea cada vez.
La elección del ámbito importa porque las dos funciones genuinamente discrepan entre sí. encodeURIComponent (el ámbito “Componente” de esta herramienta) es la opción correcta siempre que estés codificando un valor que se colocará dentro de una URL (un parámetro de consulta, un segmento de ruta, datos de formulario) porque escapa /, ?, & y = junto con todo lo demás que no sea alfanumérico, para que esos caracteres no puedan reinterpretarse accidentalmente como sintaxis de URL. encodeURI (ámbito “URL completa”) es para cuando ya tienes una URL completa y solo quieres escapar las partes que no son válidas en ningún sitio de una URL (principalmente espacios y caracteres no ASCII), dejando su estructura de ://, ? y & exactamente como estaba.
Tu texto nunca sale de tu dispositivo
Codificar en porcentaje no necesita ningún servidor en absoluto, es una transformación de texto pura, y todos los navegadores modernos ya incluyen las mismas funciones (encodeURIComponent, encodeURI) que la hacen. Algunas herramientas de “codificador de URL” online todavía enrutan tu entrada por un backend de todos modos, lo cual es un riesgo innecesario si lo que codificas es una clave de API, una URL interna, un identificador de cliente, o cualquier otra cosa que preferirías no entregar a los registros de acceso de un servidor de terceros.
Esta herramienta ejecuta la codificación en el instante en que pulsas el botón, usando solo el propio motor JavaScript de tu navegador, nada se transmite, registra ni almacena, y funciona exactamente igual sin conexión una vez que la página ha cargado.
Usos habituales
- Codificar una URL de destino o de retorno para poder incrustarla de forma segura como parámetro de consulta en otra URL.
- Preparar una consulta de búsqueda, un valor de filtro o un campo de formulario para la cadena de consulta de una petición
GET. - Depurar por qué un parámetro de consulta que contiene
&,+,#o un espacio llega roto o truncado. - Escapar un valor antes de pegarlo en un comando
curl, una petición de Postman, o un archivo.env. - Codificar texto no ASCII (caracteres acentuados, emoji, escrituras no latinas) para su uso seguro dentro de una URL.
- Construir a mano un enlace de seguimiento de campaña completo, consulta el Generador de Enlaces UTM para una versión hecha a propósito de esto que gestiona por ti todo el conjunto
utm_source/utm_medium/utm_campaign.
