Saltar al contenido principal

🔐 Codificador/Decodificador de URL

Herramienta para codificar caracteres especiales para uso seguro en URL o decodificar URL codificada a original.

📝 Input Text

✨ Result

💡 Examples

Original:
https://example.com/search?query=헬로 월드&lang=ko
Encoded:
https%3A%2F%2Fexample.com%2Fsearch%3Fquery%3D%ED%97%AC%EB%A1%9C%20%EC%9B%94%EB%93%9C%26lang%3Dko

URL encoding converts special characters into percent-encoded format for safe transmission in URLs. Use Encode to convert special characters, and Decode to restore the original text.

Características Principales​

1. Codificación de URL (Encode)​

Convierte caracteres especiales, coreano, espacios, etc. a formato de codificación porcentual (%XX).

Ejemplo:

Original: https://example.com/búsqueda?consulta=hola mundo&idioma=es
Codificado: https%3A%2F%2Fexample.com%2Fb%C3%BAsqueda%3Fconsulta%3Dhola%20mundo%26idioma%3Des

2. Decodificación de URL (Decode)​

Convierte URL con codificación porcentual a texto original legible.

Ejemplo:

Codificado: %48%6F%6C%61%20%4D%75%6E%64%6F
Decodificado: Hola Mundo

3. Funciones Convenientes​

  • Intercambiar Texto: Cambia rápidamente entrada y resultado
  • Copiar: Copia el resultado al portapapeles
  • Reiniciar: Borra toda la entrada de una vez

Por Qué Se Necesita Codificación de URL​

Transmisión Segura de URL​

Las URLs tienen caracteres con significados especiales:

  • / : Separador de ruta
  • ? : Inicio de consulta
  • & : Separador de parámetros
  • = : Separador clave-valor
  • # : Fragmento

Para transmitir estos caracteres como datos, se necesita codificación.

Caracteres Multibyte y Multilingües​

Original: https://example.com/búsqueda?palabra=buenos días
Codificado: https://example.com/b%C3%BAsqueda?palabra=buenos%20d%C3%ADas

Los caracteres españoles o caracteres especiales no se pueden usar directamente en URLs, requiriendo codificación.

Ejemplos de Uso​

Desarrollo Web​

// Crear URL en JavaScript
const searchQuery = "buenos días";
const encodedQuery = encodeURIComponent(searchQuery);
const url = `https://api.example.com/search?q=${encodedQuery}`;
// Resultado: https://api.example.com/search?q=buenos%20d%C3%ADas

Llamada API​

# URL original (no funciona)
GET https://api.example.com/users?name=José García&age=30

# URL codificada (funciona normalmente)
GET https://api.example.com/users?name=Jos%C3%A9%20Garc%C3%ADa&age=30

Parámetros de Consulta​

# Consulta de búsqueda con caracteres especiales
Original: búsqueda=C++ & Java
Codificado: búsqueda=C%2B%2B%20%26%20Java

Caracteres Codificados​

Caracteres Siempre Codificados​

  • Espacio: → %20
  • Español/Multilingüe: Cada carácter se codifica en múltiples bytes
  • Caracteres especiales: !, @, #, $, %, ^, &, *, (, ), =, +, [, ], {, }, etc.

Ejemplos​

!    → %21
@    → %40
#    → %23
$    → %24
%    → %25
&    → %26
=    → %3D
+    → %2B
espacio → %20

Casos de Uso​

🌐 Desarrollo Web​

  • Función de búsqueda: Convertir entrada del usuario a consulta URL
  • Llamada API: Codificar parámetros de solicitud GET
  • Nombre de archivo: Manejar nombres de archivo con caracteres especiales

📧 Enlace de Correo​

<!-- Enlace mailto con asunto y cuerpo -->
<a href="mailto:test@example.com?subject=Buenos días&body=Pregunta">
<!-- Después de codificar -->
<a href="mailto:test@example.com?subject=Buenos%20d%C3%ADas&body=Pregunta">

🔗 Compartir en Redes Sociales​

// URL de compartir en Facebook
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com&quote=Buen%20art%C3%ADculo

// URL de compartir en Twitter
https://twitter.com/intent/tweet?text=Gran%20noticia&url=https%3A%2F%2Fexample.com

📊 Análisis de Datos​

  • Análisis de registros: Interpretar URLs codificadas en registros de servidor web
  • URLs de seguimiento: Interpretar parámetros de Google Analytics, etc.

Consejos​

¿Cuándo codificar?​

  • ✅ Valores de parámetros de consulta: ?search=necesita codificación
  • ✅ Español/caracteres especiales: name=José García
  • ✅ Espacio: query=hola mundo
  • ❌ Dominio: https:// (caracteres ya seguros)
  • ❌ Separador de ruta: /api/users (separador intencional)

URL Completa vs Solo Parámetros​

// ❌ Método incorrecto: Codificar URL completa
const wrong = encodeURIComponent("https://example.com/search?q=hola");
// Resultado: https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhola

// ✅ Método correcto: Codificar solo valor de parámetro
const query = encodeURIComponent("hola");
const correct = `https://example.com/search?q=${query}`;
// Resultado: https://example.com/search?q=hola

Precaución con Doble Codificación​

Original: Buenos días
1ª codificación: Buenos%20d%C3%ADas
2ª codificación: Buenos%2520d%25C3%25ADas

// ¡No codifiques el mismo texto dos veces!

Uso por Lenguaje de Programación​

JavaScript​

// Codificar
const encoded = encodeURIComponent("Buenos días");
// Decodificar
const decoded = decodeURIComponent(encoded);

Python​

from urllib.parse import quote, unquote

# Codificar
encoded = quote("Buenos días")
# Decodificar
decoded = unquote(encoded)

Java​

import java.net.URLEncoder;
import java.net.URLDecoder;

// Codificar
String encoded = URLEncoder.encode("Buenos días", "UTF-8");
// Decodificar
String decoded = URLDecoder.decode(encoded, "UTF-8");

PHP​

// Codificar
$encoded = urlencode("Buenos días");
// Decodificar
$decoded = urldecode($encoded);

Herramientas Relacionadas​

Preguntas Frecuentes​

P: ¿Qué parte de la URL debo codificar? R: Codifique solo la parte de valor de los parámetros de consulta. No codifique el protocolo (https://), dominio, o separadores de ruta (/).

P: Los espacios se muestran como %20 y +, ¿cuál es la diferencia? R: %20 se puede usar en toda la URL, mientras que + representa espacio solo en parámetros de consulta. Generalmente es más seguro usar %20.

P: Ocurre error al decodificar. R: El texto ingresado podría no estar en formato de codificación URL correcto, o podría ser texto ya decodificado. Verifique nuevamente la URL codificada original.

P: ¿Qué pasa si codifico URL ya codificada nuevamente? R: Ocurre doble codificación y se obtienen resultados no deseados. Por ejemplo, %20 se convierte en %2520. Codifique solo una vez.

💬 ¿Te ha sido útil esta herramienta?​

Si esta herramienta te ha resultado útil, compártela con tus colegas o déjanos tus comentarios. Tu feedback nos ayuda a mejorar continuamente.

Privacidad​

Esta herramienta funciona completamente del lado del cliente. Los datos ingresados no se envían a ningún servidor y se procesan únicamente en tu navegador. Tus datos permanecen 100% privados y seguros.