Quelle est la différence entre Composant et URI complète ?

Composant utilise encodeURIComponent et encode &, =, ?, /. URI complète utilise encodeURI et laisse ces séparateurs pour conserver la structure de l’URL.

Pourquoi l’espace devient %20 et non + ?

Cet outil suit l’encodage pourcent (encodeURIComponent). Le + pour les espaces vient de application/x-www-form-urlencoded. Un + littéral devient %2B en mode Composant.

Comment préparer une URL de redirection en paramètre ?

Encodez la valeur de `redirect=` en mode Composant. Encoder toute l’URL dans ce mode produit `https%3A%2F%2F…` avec tous les séparateurs échappés.

Les données sont-elles envoyées au serveur ?

Non. La conversion s’exécute uniquement dans le navigateur.

URL

encodage pourcent (encoder/décoder)

Encodez les caractères spéciaux dans les URLs avec l'encodage pourcentage ou décodez-les. Essentiel pour les chaînes de requête, les requêtes API et les liens sécurisés.

Cette conversion s’exécute uniquement dans votre navigateur — rien n’est téléversé.

URI complète (encodeURI)

Les espaces deviennent %20 (pas +). Par défaut: mode Composant pour les valeurs de requête; URI complète laisse la ponctuation réservée.

Entrée0
Sortie0
OptionsComposant (encodeURIComponent)

Entrée

Sortie

Qu'est-ce que cet outil ?

Encode et décode du texte URL en pourcent pour que espaces, Unicode et caractères réservés circulent dans les requêtes, chemins, redirections et API.

Composant (encodeURIComponent, défaut) pour une valeur ; URI complète (encodeURI) conserve :, /, ?, &. Conversion en direct, uniquement dans le navigateur.

Ce n’est pas du chiffrement.

Cas d'usage courants

Encoder une valeur de requête avec espaces, & ou =
Préparer ou inspecter une URL de redirection imbriquée dans ?redirect=
Décoder une ligne de log ou une erreur API percent-encoded

Comment utiliser

Choisissez Encode ou Decode ; le résultat suit la saisie.
Laissez URI complète désactivée pour les valeurs de requête/chemin. Activez-la seulement pour une URL entière.
Collez le texte ou la chaîne encodée. Sample compare les deux modes.
Copiez la sortie. En cas d’échec, cherchez %ZZ, un % isolé ou de l’UTF-8 tronqué.

encodeURI vs encodeURIComponent

Entrée	Composant (`encodeURIComponent`)	URI complète (`encodeURI`)
`a b&c=1`	`a%20b%26c%3D1`	`a%20b&c=1`
`https://ex.com/a?b=1`	`https%3A%2F%2Fex.com%2Fa%3Fb%3D1`	`https://ex.com/a?b=1`
`a+b=c`	`a%2Bb%3Dc`	`a+b=c`

Utilisez Composant pour une valeur dans une requête ou un chemin ; URI complète seulement si l’entrée est déjà une URL complète.

Exemples

Entrée / réglage	Sortie	Notes
`hello world` → Composant	`hello%20world`	Espaces → `%20`
`a b&c=1` → Composant	`a%20b%26c%3D1`	Encode `&` et `=` pour une seule valeur
`a b&c=1` → URI complète	`a%20b&c=1`	Ponctuation réservée conservée
`hello+world` → Decode Composant	`hello+world`	`+` littéral, pas l’espace des formulaires

Pièges courants

Encoder toute une URL en mode Composant transforme / et ? en %2F / %3F (bug de redirect fréquent).
application/x-www-form-urlencoded traite + comme espace ; decodeURIComponent non. Préférez %20 pour les composants URL.
Encoder n’est pas un contrôle d’accès : les secrets en query restent dans les journaux et Referer.

Références

Dernière révision: 2026-07-26

Questions fréquentes

Quelle est la différence entre Composant et URI complète ?: Composant utilise encodeURIComponent et encode &, =, ?, /. URI complète utilise encodeURI et laisse ces séparateurs pour conserver la structure de l’URL.
Pourquoi l’espace devient %20 et non + ?: Cet outil suit l’encodage pourcent (encodeURIComponent). Le + pour les espaces vient de application/x-www-form-urlencoded. Un + littéral devient %2B en mode Composant.
Comment préparer une URL de redirection en paramètre ?: Encodez la valeur de `redirect=` en mode Composant. Encoder toute l’URL dans ce mode produit `https%3A%2F%2F…` avec tous les séparateurs échappés.
Les données sont-elles envoyées au serveur ?: Non. La conversion s’exécute uniquement dans le navigateur.