Encodeur et décodeur URL en ligne — encodeURIComponent & encodeURI
Échappez les caractères réservés pour les liens et les requêtes HTTP. Basculez entre l’encodage strict des composants (encodeURIComponent) et l’encodage d’une URL complète (encodeURI). Décodez pour déboguer les chaînes de requête.
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.
encodeURIComponent vs encodeURI
encodeURIComponent pour les valeurs dans ?key=value, OAuth, analytics. encodeURI pour sanitizer une URL presque complète sans casser ses délimiteurs. En cas de doute sur une chaîne isolée, le mode composant est le plus sûr.
Comparaisons rapides
encodeURIComponent pour paramètres
Entrée exemple
Sortie exemple
encodeURI conserve la structure
Entrée exemple
Sortie exemple
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 ; application/x-www-form-urlencoded peut interpréter + comme espace — REST préfère souvent %20.
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.