Codificador y decodificador de URL
Con los dos alcances separados
Este codificador y decodificador de URL escapa un valor dentro de una dirección. También codifica una dirección completa sin tocar las barras que la sostienen, o convierte un dominio internacional a punycode y al revés. Elige qué es tu texto y el resto se hace solo.
- GratisPrecio
- 2Alcances
- NingunoRegistro
- NingunoSubidas
Codificador y decodificador de URL
Codificación porcentual y punycode, con cada ámbito por separado
- Caracteres de entrada
- 0
- Cambiados
- 0
- Caracteres de salida
- 0
Un valor dentro de una dirección necesita escapar todos los caracteres reservados. Una dirección entera necesita que sus barras y dos puntos queden intactos, o deja de ser una dirección.
Listo. Pega algo y se convertirá mientras escribes.
Para qué sirve la codificación por porcentaje
Para empezar, una dirección solo puede llevar con seguridad un pequeño conjunto de caracteres. Letras, dígitos y unos pocos signos de puntuación.
Todo lo demás viaja como un signo de porcentaje y dos dígitos hexadecimales. Así, un espacio se convierte en %20, una almohadilla en %23 y una letra acentuada en dos o tres de esos pares.
Las reglas vienen del URL Standard, que es lo que implementan los navegadores. Los documentos antiguos describen el RFC 3986 y, en la práctica, ambos coinciden en lo que importa aquí.
Por lo tanto, la codificación por porcentaje no es compresión ni seguridad. Es una forma de decir "estos caracteres son datos, no estructura".
Los dos alcances y por qué difieren
Una dirección entera necesita que su estructura quede intacta. Las barras separan segmentos de ruta, el signo de interrogación abre la consulta y, además, los ampersands dividen parámetros.
En cambio, un valor dentro de esa dirección necesita lo contrario. Una barra en el nombre de un producto es un dato. Si la dejas sin escapar, el servidor la lee como otro segmento de ruta.
Esa es toda la distinción, y elegir la equivocada es el fallo más común al manejar URLs. Por eso la codificación por porcentaje tiene dos funciones en todos los lenguajes.
La trampa del signo +
En una cadena de consulta, un signo más significa un espacio desde los primeros formularios HTML. En cambio, en una ruta significa un más literal.
Así que el mismo carácter se decodifica de dos formas según dónde esté. Por eso un decodificador que adivina se equivoca la mitad de las veces.
El interruptor de aquí deja la decisión en tus manos. Actívalo para todo lo que salga de un formulario y, en cambio, desactívalo para una ruta o un fragmento.
Doble codificación
Codifica dos veces y %20 se convierte en %2520. Ocurre cuando un framework escapa un valor que ya llevaba escapes. Por eso la señal es un signo de porcentaje seguido de 25 en tus registros.
Lo que nunca hay que codificar
Las letras, los dígitos, el guion, el punto, el guion bajo y la virgulilla cuentan como no reservados. Por eso pasan sin cambios por cualquier codificador, en cualquier alcance.
El resto varía según dónde esté. Los dos puntos son estructura en un esquema y datos en un parámetro. Además, la arroba y la coma se comportan igual.
Ante la duda, codifica. Un valor codificado de más sigue funcionando, mientras que uno codificado de menos falla de formas que solo aparecen con ciertas entradas.
Dónde falla la codificación en la práctica
Un buscador es el lugar habitual. A menudo, alguien escribe una frase con un ampersand. Luego el código mete esa frase directamente en una cadena de consulta, y el servidor ve dos parámetros.
Los nombres de archivo van en segundo lugar. Un nombre con un espacio, una almohadilla o un más rompe un enlace de descarga en algunos servidores y no en otros. Por eso el fallo es difícil de reproducir.
Los parámetros de redirección van en tercer lugar. Una dirección entera dentro de otra viaja como un solo valor. Así que cada barra y cada dos puntos que contenga necesitan escaparse.
Los tres se solucionan igual. Escapa el valor, no la dirección, y deja que el constructor de URLs monte el resto.
Dónde falla la codificación en la práctica
Un buscador es el lugar habitual. Alguien escribe una frase con un ampersand, el código mete esa frase directamente en una cadena de consulta y, por eso, el servidor ve dos parámetros.
Los nombres de archivo van en segundo lugar. Un nombre con un espacio, una almohadilla o un más rompe un enlace de descarga en algunos servidores y no en otros, lo que hace el fallo difícil de reproducir.
Los parámetros de redirección van en tercer lugar. Una dirección entera dentro de otra tiene que viajar como un solo valor, así que cada barra y cada dos puntos que contenga necesitan escaparse.
Los tres se solucionan igual. Escapa el valor, no la dirección, y deja que el constructor de URLs monte el resto.
Dónde falla la codificación en la práctica
Un buscador es el lugar habitual. Alguien escribe una frase con un ampersand, el código mete esa frase directamente en una cadena de consulta y, por eso, el servidor ve dos parámetros.
Los nombres de archivo van en segundo lugar. Un nombre con un espacio, una almohadilla o un más rompe un enlace de descarga en algunos servidores y no en otros, lo que hace el fallo difícil de reproducir.
Los parámetros de redirección van en tercer lugar. Una dirección entera dentro de otra tiene que viajar como un solo valor, así que cada barra y cada dos puntos que contenga necesitan escaparse.
Los tres se solucionan igual. Escapa el valor, no la dirección, y deja que el constructor de URLs monte el resto.
Codificar no es escapar para HTML
La codificación por porcentaje hace el texto seguro dentro de una dirección. En cambio, las entidades HTML lo hacen seguro dentro de un documento. Usar una donde va la otra te deja un enlace que parece correcto y no lleva a ninguna parte.
En esta página
- La herramienta
- Para qué sirve la codificación por porcentaje
- El codificador y decodificador de URL, paso a paso
- Lo que distingue a este codificador de URL online
- Reglas para codificar direcciones
- Seis errores de codificación que rompen enlaces
- Dudas habituales al codificar URL
- Utilidades para manejar URL
Sigue leyendo
El codificador y decodificador de URL, paso a paso
Tres pasos, y el segundo es la única decisión. Mientras tanto, el resultado sigue cada pulsación.
- 1
Pega tu texto
Una dirección, un valor o una lista entera. Además, cada línea se convierte por separado a menos que desactives ese interruptor.
- 2
Di qué es
Una dirección entera conserva sus barras y dos puntos. En cambio, un valor lo escapa todo, porque todo en él son datos.
- 3
Ajusta el interruptor del más
Actívalo para todo lo que venga de un formulario, donde un más significa un espacio. Déjalo apagado para una ruta, donde un más significa un más.
- 4
Convierte y deshaz para confirmar que cuadra
Pulsa Mover el resultado a la izquierda y convierte otra vez. Todo lo que no vuelva sin cambios merece una segunda mirada.
Lo que distingue a este codificador de URL online
La mayoría de los conversores ofrecen un botón y esperan lo mejor. En cambio, aquí las diferencias son el interruptor de alcance, el del más y la honestidad ante los fallos.
Dos alcances, explicados con palabras
El menú pregunta qué es tu texto en lugar de nombrar dos funciones de JavaScript. Esa es precisamente la elección en la que la gente se equivoca.
El signo más lo decides tú
Un más significa un espacio en una consulta y un más en una ruta. Un interruptor, y ninguna adivinanza en ningún lado.
Línea a línea
Pega cien direcciones y cada una se convierte por separado, así que una lista vuelve como lista y no como una cadena larga.
Errores reales, no silencio
Un signo de porcentaje suelto hace imposible decodificar. Esta herramienta lo dice, en lugar de devolver la entrada sin cambios y dejar que supongas que funcionó.
Una ida y vuelta reversible
Intercambia los paneles y convierte otra vez. Si lo que vuelve difiere de lo que tenías, algo intermedio está mal.
Las imágenes nunca salen de esta pestaña de Denwix
Las cadenas de consulta llevan tokens, emails y números de pedido. Como cada conversión ocurre en tu navegador, nada de eso llega a un servidor.
Reglas para codificar direcciones
La mayoría de los fallos con URLs vienen de cuatro o cinco hábitos. Estas ocho reglas los cubren.
- Codifica valores, no direcciones. Construye la dirección por partes y escapa cada valor al añadirlo. Codificar la cadena terminada es donde se destruye la estructura.
- Usa el objeto URL en el código. Todos los lenguajes modernos tienen uno. Se encarga del escape por partes, que es justo el trabajo que ibas a hacer a mano.
- Nunca codifiques un valor dos veces. Si un valor llega escapado, déjalo. Busca
%25en tus registros, ya que marca un signo de porcentaje que pasó dos veces por el codificador. - Deja el fragmento fuera de las peticiones. Todo lo que va tras la almohadilla se queda en el navegador. Un servidor nunca lo ve, así que codificarlo para un servidor no sirve de nada.
- Vigila el ampersand. Un ampersand sin escapar dentro de un valor parte un parámetro en dos. Es la causa más común de una consulta truncada.
- Decodifica solo para mostrar. Muestra a la gente la forma legible y guarda la escapada para enlaces y peticiones. Guardar la versión decodificada invita a una doble codificación más tarde.
- Recuerda que lo no ASCII son bytes. Una letra acentuada se convierte en dos pares de porcentaje, y un emoji en cuatro. Eso es UTF-8, y un límite de longitud cuenta la forma escapada.
- Prueba con un valor realmente incómodo. Un nombre con un apóstrofo, una barra y un espacio encuentra todos los fallos en diez segundos. Adivinar qué caracteres aparecerán nunca lo consigue.
Seis errores de codificación que rompen enlaces
Cada uno produce un enlace que funciona con la mayoría de las entradas y falla con las interesantes.
Codificar la dirección entera como valor
Cada barra y cada dos puntos se convierten en escapes, y el resultado es una cadena que ningún navegador abrirá.
Dejar un valor sin escapar
Una barra o un ampersand dentro de él reescribe la forma de la dirección, y el servidor lee algo que nunca enviaste.
Doble codificación por el camino
Un framework escapa lo que una plantilla ya escapó, y el lector ve signos de porcentaje en mitad del título de una página.
Suponer que un más siempre es un espacio
Dentro de la ruta, el + es un signo más sin más. Un decodificador que los reemplaza todos corrompe nombres de archivo sin parar.
Codificar la almohadilla para un servidor
Los fragmentos nunca salen del navegador. Escapar uno para una petición no cambia nada salvo la longitud de la cadena.
Hacer a mano la tabla de escapes
Una cadena de reemplazos siempre se deja algún carácter. Usa la función integrada, que sigue el estándar y no lo que alguien recuerda de él.
Dudas habituales al codificar URL
¿Cuándo usar encodeURI y cuándo encodeURIComponent?
Un valor escapa todos los caracteres reservados, incluidas barras y ampersands. En cambio, una dirección entera los deja en paz, ya que son lo que da forma a la dirección.
¿Por qué mi dirección dejó de funcionar tras codificarla?
Casi siempre por el alcance equivocado. De hecho, codificar un enlace completo como un solo valor convierte sus barras y dos puntos en escapes, y nada puede abrir el resultado.
¿Este codificador de URL online admite emojis?
Sí. Un emoji se convierte en cuatro pares de porcentaje, porque UTF-8 lo codifica en cuatro bytes. Además, al decodificar vuelve el emoji exactamente como lo escribiste.
¿Qué significa %20?
Un espacio. El 20 es hexadecimal de 32, que es el código de carácter de un espacio, y además todos los escapes siguen ese mismo patrón.
¿Uso %20 o un signo más para los espacios?
Usa %20 en todas partes. Un más funciona en las cadenas de consulta por convención, mientras que %20 es correcto en cualquier parte de una dirección.
¿Por qué a veces falla la decodificación?
Porque aparece un signo de porcentaje sin dos dígitos hexadecimales válidos detrás. Eso no es un escape, así que el decodificador no puede adivinar qué pretendía ser.
¿La codificación por porcentaje es una medida de seguridad?
No. Evita que los caracteres se lean como estructura, lo que previene un tipo de fallo. Sin embargo, no hace nada con lo que luego hagas con el valor.
¿Puedo convertir una lista entera de una vez?
Sí. Deja activado el interruptor de líneas y pega todas las que quieras. Así, cada línea se convierte por separado y vuelve en su propia línea.
¿Por qué mi dirección se alarga al codificarla?
Porque cada carácter escapado se convierte en tres, y uno no ASCII en seis o más. Por eso importa cuando un servicio limita la longitud de un enlace.
¿Por qué mi dirección se alarga al codificarla?
Porque cada carácter escapado se convierte en tres, y uno no ASCII en seis o más. Por eso importa cuando un servicio limita la longitud de un enlace.
¿Por qué mi dirección se alarga al codificarla?
Porque cada carácter escapado se convierte en tres, y uno no ASCII en seis o más. Por eso importa cuando un servicio limita la longitud de un enlace.
¿Lo que pego acaba en algún servidor?
No. Tu navegador hace la conversión en esta pestaña, así que los tokens y números de pedido de una cadena de consulta nunca llegan a este sitio.
Utilidades para manejar URL
Codificar es un paso. Estas tres cubren los de antes y después.
Analizador de URL
Desmonta una dirección y etiqueta cada parte.
Abrir herramienta →Generador de enlaces UTM
Añade parámetros de campaña sin romper el enlace.
Abrir herramienta →Codificador y decodificador Base64
Otra codificación, para bytes en lugar de direcciones.
Abrir herramienta →
¿Listo para convertir algo?
Pega tu texto, elige el alcance y comprueba el viaje de ida y vuelta. El codificador y decodificador de URL es gratis, no necesita cuenta y mantiene cada carácter en tu dispositivo.