Décodeur URL en ligne — decodeURIComponent & decodeURI

Inversez l’encodage pourcent sur les chaînes de requête et les URL. Ouvre en mode Décoder — choisissez composant, URI complète ou form-urlencoded, puis cliquez sur Convertir.

Chargement…
Encodeur URL — composants vs URL complète
Les navigateurs exposent encodeURIComponent pour isoler clés/valeurs et encodeURI pour des href presque finies où :, ?, # doivent rester lisibles. FastMinify reproduit les deux APIs pour coller au comportement backend lors du débogage.

Choisir le bon mode

Le mode composant correspond à encodeURIComponent : espaces → %20, / → %2F, & → %26 — idéal pour forger des paires de requête. Le mode URL complète correspond à encodeURI : certains réservés structurels restent intacts. Decode applique decodeURIComponent ou decodeURI selon le mode.

Choisir une portée d’encodage

Composant de requête (encodeURIComponent)
Encode chaque caractère réservé d’un nom ou d’une valeur isolée. Espaces → %20, / → %2F, & → %26. À utiliser pour les paires ?key=value, OAuth ou analytics.
URL complète (encodeURI)
Échappe l’Unicode et les octets dangereux tout en gardant la structure :, /, ?, # et &. Pour sanitizer une href presque complète sans casser ses délimiteurs.
Données de formulaire (application/x-www-form-urlencoded)
Encode comme encodeURIComponent mais remplace les espaces par + au lieu de %20. Reproduit la sérialisation des champs <form> HTML en POST — pas les chaînes de requête des liens.

Comparaisons rapides

encodeURIComponent pour paramètres

Entrée exemple

https://api.example.com/v2/search?q=hello world&filter=a&b&category=home office&price=$100&currency=USD&region=eu-west-1&sort=relevance&page=2&trace=abc123

Sortie exemple

https%3A%2F%2Fapi.example.com%2Fv2%2Fsearch%3Fq%3Dhello%20world%26filter%3Da%26b%26category%3Dhome%20office%26price%3D%24100%26currency%3DUSD%26region%3Deu-west-1%26sort%3Drelevance%26page%3D2%26trace%3Dabc123

encodeURI conserve la structure

Entrée exemple

https://shop.example.com/catalog?tag=sale%20items&sort=price

Sortie exemple

https://shop.example.com/catalog?tag=sale%2520items&sort=price

Aller plus loin

Les charges binaires vont souvent avec les URLs via le Base64. Pour échapper du markup avant insertion, utilisez les entités HTML, et pour livrer du CSS léger la minification CSS.

FAQ encodage URL

Cadrez le pourcent-encoding avant d’appeler les APIs

Pourquoi decodeURIComponent lève URI malformed ?

Séquences % incomplètes ou octets UTF-8 invalides après décodage.

Espaces : + ou %20 ?

encodeURIComponent produit %20 — la norme pour les query strings REST. Utilisez la portée Données de formulaire quand vous avez besoin de + pour les espaces, comme dans les corps application/x-www-form-urlencoded des formulaires HTML.

L’encodage URL évite-t-il le XSS ?

Non — il évite la casse des délimiteurs mais ne remplace pas l’échappement HTML contextuel.

Chemins UTF-8 complets ?

encodeURIComponent gère l’Unicode hors ASCII automatiquement.

FastMinify journalise-t-il les URL ?

Non — aucune requête serveur : tout est local.

Quand utiliser decodeURIComponent ?

Pour inverser une chaîne produite par encodeURIComponent — typiquement noms et valeurs de paramètres.

Le texte hors ASCII est-il géré ?

Oui : l’UTF-8 est transcrit en séquences % comme dans le navigateur.

Puis-je mixer encodeURI et encodeURIComponent ?

En pratique on choisit une stratégie par couche : encodeURI pour un href quasi complet, encodeURIComponent pour chaque couple clé/valeur ajouté à la requête.

Encodage

Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.

Découvrez les autres catégories d'outils

Minifier

Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.

Déminifier

Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.

Conversion

Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.

Sérialisation

Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.

Outils JSON

Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.

Outils SVG

Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.

Beautifier

Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.

Préprocesseurs CSS

Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.

Outils couleur & CSS

Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.

DevOps & Infra

Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.

CI/CD

GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.

Logs & observabilité

JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.

Kubernetes

Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.

Réseau / IP

CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.

Sécurité & tokens

JWKS, certificats X.509 et scan de secrets — locaux navigateur.

API & schémas

Outils OpenAPI pour formater, valider et analyser vos specs.

Outils HTTP

cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.

Outils SEO / Web

Générez meta tags, Open Graph et Twitter Card localement — aperçus simulés depuis vos saisies, jamais fetch de votre site live.

Utilitaires développeur

Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.

Texte & Markdown

Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.

IA & LLM

Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.

Données de test

Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.