Codificador/descodificador de URL

Codifica texto para una dirección web o decodifícalo de nuevo. La herramienta distingue una dirección completa de un solo valor, muestra en qué se convirtió cada carácter y por qué, y nunca falla con datos incorrectos. Funciona en tu navegador: tu texto no se envía a ningún sitio.

Codificar o decodificar

Codificar convierte en códigos % los caracteres que no pueden ir en una dirección web. Decodificar vuelve a convertir los códigos % en texto legible.
Pega una dirección web, un valor o cualquier texto. El resultado se actualiza mientras escribes.

El archivo se lee en tu navegador, hasta 2 MB. No se sube a ningún sitio.

Cada línea se procesa por separado y tiene su propio estado. Úsalo para una lista de direcciones.
Una dirección web completa conserva su estructura: solo se codifican los caracteres no permitidos, parte por parte. Un valor es texto que va dentro de una dirección, como un término de búsqueda u otra dirección, así que se codifica todo carácter con significado. Los datos de formulario son la forma en que un formulario web envía el texto: los espacios se convierten en +.Para desarrolladores: “Un valor” equivale a encodeURIComponent en JavaScript; con el modo estricto equivale a rawurlencode en PHP y a quote(text, safe="") en Python. “Datos de formulario” equivale a un formulario HTML y a URLSearchParams. “Una dirección web completa” se parece a encodeURI, con cada parte codificada según sus propias reglas. Una dirección web se decodifica de modo que siga funcionando: los códigos que representan un separador, como %26 o %2F, se quedan codificados, y cada valor se muestra totalmente decodificado en la pestaña Partes. El texto sin formato lo decodifica todo.Para desarrolladores: “Texto sin formato” equivale a decodeURIComponent, salvo que los datos incorrectos se conservan tal como se escribieron en lugar de provocar un error.

%20 funciona en todas partes. Un + significa un espacio solo en datos de formulario y después del signo de interrogación de una dirección. Automático usa + para datos de formulario y %20 para todo lo demás.

Estos cinco caracteres están permitidos en una dirección, pero algunos sistemas esperan que estén codificados.
Un dominio con letras como ü o 日本 tiene también una forma ASCII que empieza por xn--. Ambas abren el mismo sitio.

En datos de formulario, y después del signo de interrogación de una dirección, un + equivale a un espacio. En cualquier otro lugar un + es un signo más. Automático conserva el + en texto sin formato y lo lee como espacio en los valores de la pestaña Partes.

Para texto codificado más de una vez, como %2520.

Casi todo en la web usa UTF-8. Elige otro solo si el resultado muestra letras incorrectas.

Reconstruido a partir de tus cambios en la pestaña Partes: codificado y listo para usar.
    Qué es la codificación URL. Una dirección web solo puede contener un conjunto limitado de caracteres. Todo lo demás, incluidos los espacios y las letras fuera del alfabeto inglés básico, se escribe como un % seguido de dos dígitos hexadecimales por cada byte: un espacio es %20 y la letra é es %C3%A9. Codificar no oculta ni protege nada, porque cualquiera puede decodificarlo.

    Acerca de Codificador/descodificador de URL

    El codificador y decodificador de URL es una herramienta que convierte caracteres especiales en formato seguro para enlaces web, y viceversa. Si trabajas con desarrollo web, marketing digital o SEO, sabes que una URL mal formada puede romper un enlace, invalidar un parametro de seguimiento o hacer que tu API devuelva errores incomprensibles. Con el codificador de URL de ToolsPivot, transformas cualquier cadena de texto en formato compatible con los estandares web en segundos, sin instalar nada ni registrarte.

    Que hace esta herramienta y como funciona

    La codificacion de URL (tambien llamada codificacion porcentual o percent-encoding) reemplaza los caracteres que no son validos en una direccion web por un signo de porcentaje seguido de dos digitos hexadecimales. Por ejemplo, un espacio se convierte en %20, una arroba en %40 y una ene en %C3%B1. Todo esto sucede porque los navegadores y servidores solo aceptan un conjunto limitado de caracteres ASCII en las direcciones web.

    La decodificacion hace el proceso inverso: toma esas secuencias hexadecimales y las convierte de nuevo en texto legible. Esto resulta especialmente util cuando necesitas analizar URLs de campanas publicitarias, depurar llamadas a una API o simplemente entender que dice una direccion web llena de simbolos %2F y %3D.

    ToolsPivot procesa ambas operaciones en tiempo real, directamente en tu navegador. Los datos no se envian a ningun servidor externo, algo que importa bastante si trabajas con URLs que contienen informacion sensible o parametros de acceso.

    Ventajas de usar un codificador de URL online

    Conversion instantanea. Pega el texto, haz clic y obtendras el resultado en milisegundos. Sin esperas, sin recargas de pagina.

    Compatibilidad con UTF-8. Procesa correctamente caracteres en espanol (acentos, ene), chino, arabe, cirilio y cualquier otro sistema de escritura. Cada caracter se convierte a su secuencia hexadecimal correspondiente.

    Procesamiento bidireccional. Codifica y decodifica desde la misma interfaz. No necesitas abrir dos herramientas distintas ni cambiar de pestana.

    Privacidad total. Todo el procesamiento ocurre localmente en tu navegador mediante funciones JavaScript. Ningun dato sale de tu equipo, lo cual es critico si manejas tokens de autenticacion o parametros de pago.

    Cumplimiento RFC 3986. La salida sigue el estandar actual para codificacion de URI. Los caracteres reservados reciben la codificacion porcentual correcta segun las especificaciones oficiales.

    Sin limites de uso. No hay restricciones de cantidad ni hace falta crear una cuenta. Usala tantas veces como necesites, que para eso esta.

    Funcionalidades principales

    Modo encodeURI. Codifica solo los caracteres inseguros, preservando la estructura de la URL (barras, dos puntos, interrogaciones). Ideal cuando quieres codificar una URL completa sin romper su formato.

    Modo encodeURIComponent. Codifica todos los caracteres especiales, incluidos los delimitadores de URL. Es el modo que necesitas cuando trabajas con valores de parametros dentro de una cadena de consulta.

    Procesamiento por lotes. Permite codificar o decodificar varias lineas de texto a la vez. Cada linea se procesa de forma independiente, lo que ahorra bastante tiempo si manejas listas de URLs largas.

    Vista previa en tiempo real. Mientras escribes, los resultados se actualizan automaticamente. Viene bien para hacer pruebas rapidas sin tener que pulsar botones cada vez.

    Copia al portapapeles. Un boton para copiar el resultado directamente. Parece poca cosa, pero cuando llevas 30 URLs seleccionar texto a mano empieza a cansar.

    Subida de archivos. Carga ficheros de texto con URLs para procesarlos en bloque. Puedes descargar los resultados como archivo procesado.

    Comparacion de tamano. Muestra cuantos caracteres tiene el texto original frente al codificado. Util para entender cuanto "crece" una URL al codificarla (una URL con muchos caracteres especiales puede llegar a triplicar su longitud).

    Datos de ejemplo. Carga URLs de prueba para ver como funciona la herramienta antes de procesar tus datos reales.

    Como usar el codificador y decodificador de URL

    1. Pega tu texto. Introduce la URL, la cadena de consulta o el texto plano en el campo de entrada.

    2. Elige la operacion. Selecciona codificar para convertir caracteres especiales, o decodificar para revertir la codificacion porcentual.

    3. Selecciona el modo. Usa encodeURI si trabajas con una URL completa, o encodeURIComponent si solo necesitas codificar el valor de un parametro.

    4. Procesa el texto. Haz clic en el boton de accion y obtendras el resultado al instante.

    5. Copia el resultado. Usa el boton de portapapeles de ToolsPivot para trasladar la salida directamente a tu aplicacion o codigo.

    Cuando conviene usar esta herramienta

    El codificador de URL resulta imprescindible cada vez que una direccion web contiene caracteres fuera del conjunto ASCII basico o cuando necesitas depurar cadenas codificadas que no entiendes a simple vista. Estas son las situaciones mas habituales:

    Construir parametros de API. Si tu aplicacion envía datos de usuario como parametros GET, cualquier espacio, simbolo o caracter acentuado necesita codificacion previa para que el servidor los interprete bien.

    Campanas de email marketing. Las URLs personalizadas con nombres de destinatarios que llevan apostrofes o acentos (piensa en "Maria Jose" o "Munoz") se rompen si no las codificas antes de insertarlas en la plantilla.

    Depurar webhooks. Cuando un servicio externo envia datos a tu aplicacion y algo falla, decodificar la URL del payload te muestra que informacion esta llegando realmente.

    Rastrear parametros UTM. Los nombres de campana con caracteres especiales pueden causar errores de atribucion en Google Analytics. Codificarlos correctamente evita que tus datos de seguimiento lleguen fragmentados.

    Analizar logs del servidor. Las URLs en los registros del servidor suelen estar codificadas. Decodificarlas te permite entender las peticiones reales de los usuarios sin descifrar secuencias hexadecimales a mano.

    Preparar redirecciones complejas. Cuando una URL de redireccion incluye otra URL como parametro, cada capa necesita su propia codificacion para que todo funcione correctamente al pasar por varios sistemas.

    Casos de uso reales

    Freelancer que configura seguimiento para un cliente

    Situacion: Un freelancer en Workana esta preparando campanas de Google Ads para una tienda online y necesita crear URLs con parametros UTM que incluyen nombres de campana en espanol con caracteres especiales.

    Como lo resuelve:

    • Escribe los parametros UTM completos: utm_campaign=promocion_dia_del_nino&utm_source=google
    • Aplica encodeURIComponent al valor del parametro de campana
    • Genera la URL final con los caracteres especiales codificados

    Resultado: Las campanas se registran correctamente en Google Analytics sin errores de atribucion, y el cliente recibe informes limpios con datos precisos.

    Desarrollador integrando una pasarela de pago

    Situacion: Un desarrollador WordPress esta integrando una pasarela de pago que envia datos del comprador como parametros en la URL de callback. Los nombres de clientes latinoamericanos con acentos y enes causan errores en el procesamiento.

    Como lo resuelve:

    • Decodifica la URL de callback para identificar donde se corta la transmision
    • Detecta que los caracteres con tilde no estan codificados correctamente
    • Aplica encodeURIComponent a cada valor de parametro antes del envio

    Resultado: Los callbacks de la pasarela llegan completos, sin truncar datos del cliente ni generar transacciones huerfanas que antes requerían revision manual.

    Agencia SEO auditando enlaces rotos

    Situacion: Una agencia de marketing digital en Madrid utiliza un verificador de enlaces rotos y encuentra URLs internas que devuelven error 404. Al examinarlas, descubre que contienen codificacion doble (%2520 en lugar de %20).

    Como lo resuelve:

    • Copia las URLs problematicas y las pega en el decodificador
    • Identifica la doble codificacion al ver que el primer paso devuelve %20 y el segundo devuelve el espacio
    • Corrige los scripts del sitio para que no codifiquen URLs que ya estan codificadas

    Resultado: Se reparan 47 enlaces internos que estaban generando errores 404 innecesarios, mejorando tanto la experiencia de usuario como el rastreo de los buscadores por el sitio.

    Estudiante preparando una API para su TFG

    Situacion: Un estudiante de informatica en la Universidad Complutense esta desarrollando una API REST como parte de su Trabajo de Fin de Grado. La API recibe busquedas con parametros que incluyen operadores logicos y caracteres especiales.

    Como lo resuelve:

    • Usa el codificador para probar distintas cadenas de busqueda con simbolos como &, =, + y #
    • Verifica que su endpoint gestiona correctamente los parametros codificados
    • Documenta los ejemplos de codificacion para la memoria del proyecto

    Resultado: El tutor valora positivamente la documentacion y el estudiante entrega un proyecto con una API robusta que maneja caracteres especiales sin errores.

    Tabla de referencia para codificacion de URL

    Saber que caracteres necesitan codificacion te ahorra tiempo al depurar problemas con enlaces. Aqui tienes los casos mas frecuentes:

    Caracteres que siempre se codifican:

    • Espacio se convierte en %20 (o + dentro de cadenas de consulta)
    • & (ampersand) se convierte en %26
    • = (igual) se convierte en %3D
    • ? (interrogacion) se convierte en %3F
    • (almohadilla) se convierte en %23

    • % (porcentaje) se convierte en %25
    • / (barra) se convierte en %2F cuando va dentro de un parametro

    Caracteres seguros (no necesitan codificacion):

    • Letras: A-Z, a-z
    • Digitos: 0-9
    • Especiales: guion (-), guion bajo (_), punto (.), virgulilla (~)

    Caracteres reservados: Tienen significado especial en las URLs y solo necesitan codificacion cuando se usan como valores literales dentro de parametros: ! # $ & ' ( ) * + , / : ; = ? @ [ ]

    Errores frecuentes al codificar URLs

    Uno de los problemas mas comunes es la doble codificacion. Ocurre cuando pasas por la funcion de codificacion una URL que ya estaba codificada. El resultado es algo como %2520 en lugar de %20, porque el simbolo % del %20 original se codifica a su vez como %25. La solucion es sencilla: siempre decodifica primero y luego vuelve a codificar.

    Otro error habitual es usar encodeURIComponent para una URL completa. Esto codifica barras, dos puntos y otros caracteres estructurales, y la URL deja de funcionar como enlace. Recuerda: encodeURI para URLs completas, encodeURIComponent para valores de parametros individuales.

    Tambien conviene vigilar las discrepancias de juego de caracteres. Si codificas con UTF-8 pero el sistema receptor espera Latin-1, los caracteres acentuados (tan frecuentes en espanol) se mostraran como texto corrupto. Especifica siempre UTF-8 de forma explicita cuando trabajes con contenido en nuestro idioma.

    Y un detalle que muchos pasan por alto: no codificar los parametros antes de guardarlos en base de datos puede abrir la puerta a inyecciones SQL. Para reforzar la seguridad de tus datos, combinalo con herramientas como el generador de contrasenas y el verificador de seguridad web.

    Codificacion de URL y SEO: lo que debes saber

    Las URLs limpias y bien estructuradas son un factor que Google tiene en cuenta para el posicionamiento. Una URL codificada con exceso de secuencias %XX no solo se ve mal en los resultados de busqueda: tambien es mas dificil de compartir y genera menos clics.

    La clave esta en usar la codificacion solo donde es estrictamente necesaria. Los slugs de tus paginas deben contener palabras legibles separadas por guiones, no cadenas codificadas. Pero los parametros de consulta, los fragmentos de redireccion y los valores dinamicos si necesitan codificacion para funcionar correctamente.

    Si estas trabajando en la estructura de URLs de tu sitio, complementa este proceso con un analizador de enlaces para verificar que todos tus enlaces internos apuntan correctamente, y revisa las meta etiquetas para asegurarte de que los buscadores rastrean tu contenido sin problemas.

    Herramientas relacionadas

    Complementa tu flujo de trabajo con estas herramientas de ToolsPivot:

    • Acortador de URL: Crea enlaces compactos y compartibles a partir de URLs largas o codificadas.
    • Codificador HTML: Codifica entidades HTML para mostrar codigo de forma segura en paginas web.
    • Decodificador HTML: Revierte la codificacion de entidades HTML para recuperar el contenido original.
    • Conversor XML a JSON: Transforma datos entre formatos que suelen transmitirse mediante URLs codificadas.
    • Calculadora hexadecimal: Trabaja con valores hexadecimales, los mismos que usa la codificacion porcentual.

    Preguntas frecuentes

    Informar de un error
    ToolsPivot

    CONTACTO

    info@toolspivot.com

    DIRECCIÓN

    Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220

    Nuestras herramientas más populares