01 Proyectos 02 Conceptos 03 Apps 04 Utilidades 05 GameBob 06 Charlas

Mis mejores utilidades, ahora en tu móvil.

Accede a todas mis herramientas y proyectos de forma rápida, optimizada y en un solo lugar.

Codificador y Decodificador de URLs

Limpia, codifica y decodifica el texto de tus URL reemplazando caracteres prohibidos por sus representaciones ASCII seguras en porcentaje (%) para que ningún servidor te devuelva un código de error.

Codificador / Decodificador de URLs

Convierte caracteres especiales de una URL en un formato seguro y válido (Percent-Encoding) o devuélvelos a su estado original legible al instante.

Texto Crudo (Legible)
URL Formateada (Encoded)
Estudio de Utilidades

¿Quieres tener esta utilidad en tu web?

Personaliza colores y modo oscuro para WordPress, Notion o tu propio sitio.

# ¿Qué es la Codificación de una URL?

Al navegar por internet o enviar peticiones a servidores, es común pensar en una URL (Uniform Resource Locator) como simplemente una "dirección web". Sin embargo, el protocolo de internet dicta que las URLs solo pueden transmitirse utilizando un conjunto muy restringido de caracteres ASCII estándar.

¿Qué ocurre si la URL donde quiero navegar contiene un espacio, tildes, o parámetros especiales como símbolos de más (+) o de igual (=)? Para evitar que los sistemas colapsen intentando leer caracteres ilegales, estos deben ser traducidos a su forma segura compatible utilizando Percent-Encoding (Codificación porcentual).

# Cómo funciona el Percent-Encoding

Cuando utilizas esta herramienta, nuestro algoritmo toma cualquier carácter "inseguro" (como un espacio en blanco o una letra acentuada como la `ñ`) y lo sustituye por un signo de porcentaje % seguido de dos dígitos hexadecimales correspondientes a su valor numérico en el estándar ASCII o UTF-8.

  • Ejemplo Básico: Un simple espacio en blanco en tu cadena de texto será manipulado y sustituido por su equivalente seguro: %20.
  • Soporte Extendido: Caracteres comunes del español aportarán más entropía. Una letra á se transformará dinámicamente en %C3%A1.

# La importancia en APIs y Consultas GET

Cuando desarrollas integraciones, un error típico de novato suele ser pasar una cadena cruda a los parámetros de una URL.

Imagina diseñar una función de búsqueda donde un usuario digita camisa&azul. Si insertas esto de forma pura a tu backend (/buscar?q=camisa&azul), el servidor asimilará erróneamente que azul es un nuevo parámetro de tu sistema (debido al delimitador nativo &), rompiendo toda la lógica del código. Todo tu texto variable siempre debe iterar por un encodeURIComponent() para garantizar fiabilidad en la transmisión.

Esta herramienta garantiza cálculos limpios, automáticos y un 100% de ejecución en tu cliente (navegador local). Ninguna de tus cadenas URL secretas es transmitida a ningún servidor de terceros, asegurando tus tokens analíticos.

Referencias Bibliográficas

Más utilidades de Desarrollo Web

Convertidor SVG a CSS

Transforma tus iconos vectoriales en código CSS optimizado (Background o Mask) para mejorar el rendimiento y la personalización de tu web.

usar herramienta

Calculadora Aspect Ratio

Calcula nuevas resoluciones de imágenes web y mantén proporciones perfectas en tus assets (16:9, 4:3, cuadrados...). Diseñado para proteger tus diseños UI.

usar herramienta

Generador Placeholder

Crea imágenes de prueba o bocetos con dimensiones y textos a medida al instante.

usar herramienta

Limpiador CSS Duplicado

Analiza, unifica y purga todo tu código CSS redundante y repetido respetando reglas de cascada para optimizar tus hojas de estilo y ahorrar KBs al instante.

usar herramienta

CSS Inliner Pura

Transforma tu HTML de diseño bruto fusionando todas tus reglas de hojas de estilos externas y clases estáticas en HTML inyectado en línea (Email Safe).

usar herramienta

Especificidad CSS

Analiza el peso y la cascada de tus selectores CSS visualmente para evitar guerras de estilos.

usar herramienta

Generador de Cron

Crea y traduce expresiones cron a lenguaje humano de forma visual.

usar herramienta

JSON Formatter

Valida, repara y formatea JSON. Detección de errores en tiempo real.

usar herramienta

KeyCode Visualizer

Visualiza códigos de teclas JavaScript en tiempo real.

usar herramienta

Calculadora Costes LLM

Estima el precio de tus proyectos con GPT-4, Claude y Gemini.

usar herramienta

Tipografía Musical

Calculadora de escalas modulares armónicas para jerarquías tipográficas perfectas.

usar herramienta

Generador Mockups Móviles

Crea mockups profesionales de capturas para iPhone y Pixel con fondos personalizados.

usar herramienta

Generador de Hashes

Calcula potentes sumas de comprobación MD5, SHA-256 y SHA-512 al vuelo. Privacidad total con procesamiento nativo de seguridad en tu navegador.

usar herramienta

Biblioteca de Prompts

Guarda, organiza y etiqueta tus instrucciones favoritas de inteligencia artificial en un solo lugar. 100% privado en tu navegador.

usar herramienta

Conversor RGB, HEX & HSL

Transforma colores entre formatos web con precisión matemática. Genera armonías automáticas y analiza el contraste de accesibilidad WCAG.

usar herramienta

Legibilidad Visual (WCAG vs APCA)

Analiza el contraste real y la legibilidad según el grosor de fuente y colores. Compara WCAG 2.1 con el nuevo estándar perceptual APCA.

usar herramienta

Saneador de SVG

Pega código SVG sucio de Figma o un inspector y obtén un SVG optimizado: sin metadatos, sin atributos de editor y con clases CSS limpias.

usar herramienta

Generador de UTM

Crea enlaces de seguimiento para tus campañas de marketing y mide el éxito de tu tráfico.

usar herramienta

Limpiador de Tracking URL

Elimina UTMs, fbclid, gclid y otros rastreadores de tus enlaces.

usar herramienta

Inspector de Certificados SSL

Analiza archivos .pem y .crt localmente para extraer fechas, emisores y huellas digitales. Privacidad total: el certificado nunca sale de tu equipo.

usar herramienta

Generador de Security.txt

Crea tu archivo security.txt según el estándar RFC 9116 para facilitar el contacto con investigadores de seguridad y proteger tu sitio web.

usar herramienta

Calculadora de Tiempo en Datos

Descubre cuánto tiempo pierden tus usuarios esperando Instagram, YouTube, TikTok y otras apps. Visualiza el impacto real: horas, días, años de vida perdidos en cargas.

usar herramienta

Excel/CSV a Tabla HTML

Transforma tus hojas de cálculo y archivos CSV en tablas HTML semánticas y limpias para tu web.

usar herramienta