Monu Tools

Encodeur / décodeur URL

Encodez et décodez les URLs et composants d'URL en percent-encoding, compatible UTF-8.

Comment utiliser l'outil Encodeur URL

  1. 01

    Collez votre texte ou URL.

  2. 02

    Choisissez encoder ou décoder, et la portée composant ou URL complète.

  3. 03

    Copiez le résultat.

Ce que fait l'encodage pourcent

Les URL ne peuvent contenir qu'un ensemble limité de caractères, donc tout ce qui sort de cet ensemble, les espaces, les lettres accentuées et les symboles réservés comme & ? / =, doit être échappé. L'encodage pourcent remplace chaque octet concerné par un signe pourcent suivi de sa valeur hexadécimale à deux chiffres, si bien qu'un espace devient %20 et une esperluette devient %26.

Cet outil encode le texte et les URL vers la forme encodée en pourcent et les décode en sens inverse. Il repose sur les fonctions standard du navigateur encodeURIComponent et encodeURI, donc la sortie correspond exactement à ce que produirait votre propre JavaScript, et il est compatible UTF-8 pour le texte international.

L'encodage et le décodage s'exécutent entièrement dans votre navigateur, donc rien de ce que vous collez n'est envoyé à un serveur, ce qui est rassurant quand une URL contient des jetons ou des paramètres de requête que vous préféreriez ne pas partager.

Mode composant contre URL complète

Le sélecteur de portée est important. Le mode composant (encodeURIComponent) échappe les caractères réservés comme & = ? / et c'est ce qu'il vous faut pour une seule valeur de chaîne de requête ou un segment de chemin. Le mode URL complète (encodeURI) laisse intacts les caractères structurels afin qu'une URL entière reste utilisable.

Erreurs courantes à éviter

Une erreur fréquente consiste à encoder une URL entière en mode composant, ce qui échappe le :// et le ? et casse le lien. Une autre est le double encodage, où une chaîne déjà encodée est encodée à nouveau et %20 se transforme en %2520. En cas de doute, décodez d'abord pour voir la valeur brute.

La particularité du signe plus dans les chaînes de requête

Il existe aussi une particularité historique dans les chaînes de requête: les envois de formulaire encodent un espace par un signe plus, tandis que l'encodage pourcent utilise %20. On rencontre les deux dans la nature, donc les décodeurs acceptent généralement l'un ou l'autre.

Questions fréquentes

Composant ou URL complète ?

Le composant (encodeURIComponent) échappe les caractères réservés comme & = ? / pour une seule valeur de requête ou un segment de chemin. L'URL complète (encodeURI) préserve la structure de l'URL pour qu'un lien entier reste valide.

Pourquoi le décodage a-t-il échoué ?

Les séquences pourcent mal formées, comme un % isolé ou un %2 incomplet, ne peuvent pas être décodées. Vérifiez la saisie ou réencodez-la d'abord.

Qu'est-ce que l'encodage pourcent ?

C'est le mécanisme que les URL utilisent pour représenter les caractères qui ne sont pas directement autorisés : chaque octet est écrit sous forme de signe pourcent suivi de deux chiffres hexadécimaux, en fonction de sa valeur UTF-8.

Quand dois-je utiliser le mode composant ?

Chaque fois que vous insérez une valeur dans une URL, comme un terme de recherche dans une chaîne de requête ou un nom dans un chemin. Il échappe les séparateurs qui changeraient autrement le sens de l'URL.

Pourquoi vois-je parfois + au lieu de %20 pour les espaces ?

Les soumissions de formulaire (application/x-www-form-urlencoded) encodent les espaces sous forme de +, tandis que l'encodage pourcent standard utilise %20. Les décodeurs acceptent généralement les deux.

Ma saisie est-elle téléversée ?

Non. L'encodage et le décodage se produisent dans votre navigateur, donc le texte et les URL que vous collez ne quittent jamais votre appareil.

Sources

Intégrer cet outil

Ajoutez cet outil à votre propre site web. Copiez le code ci-dessous. Il reste à jour automatiquement.

<iframe src="https://monu.tools/embed/fr/url-encoder" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Outils similaires