Encodeur & Décodeur d'URL

Comment utiliser l'Encodeur & Décodeur d'URL

L'encodage pourcent permet de garder une URL valide en remplaçant les caractères interdits par un signe pourcent suivi de deux chiffres hexadécimaux. Cet outil vous permet d'encoder et de décoder au même endroit. Voici comment procéder.

1. Choisissez un mode d'encodage. Sélectionnez Encoder un composant pour échapper chaque caractère réservé, ce qui convient à une seule valeur de chaîne de requête. Sélectionnez Encoder une URL complète pour conserver la structure d'une adresse entière — ses barres obliques, son point d'interrogation et ses deux-points. Sélectionnez Décoder pour transformer un texte encodé en pourcent en caractères lisibles.

   Exemple : avec Encoder un composant, la phrase « recherche chats & chiens » devient « recherche%20chats%20%26%20chiens ». Avec Encoder une URL complète, « https://toolphy.com/recherche?q=a b » devient « https://toolphy.com/recherche?q=a%20b ».

2. Collez ou saisissez votre entrée. Collez une URL, un paramètre de requête ou n'importe quel texte dans le champ d'entrée. Le texte dans toutes les langues fonctionne, car l'outil utilise l'UTF-8 et encode correctement les caractères non ASCII comme les lettres accentuées ou les emojis.

3. Décodez les données de formulaire si nécessaire. Les applications basées sur des formulaires HTML envoient les espaces sous forme de signes plus. Si vous décodez une chaîne de requête produite par un formulaire, activez la case « Traiter + comme un espace » pour que ces signes plus redeviennent des espaces avant le décodage.

4. Cliquez sur Encoder ou Décoder et lisez le résultat. Le champ de sortie se remplit instantanément. Si une chaîne encodée en pourcent est incorrecte — par exemple si elle se termine par un « % » isolé ou contient « %G1 » — l'outil s'arrête et affiche une erreur claire au lieu de lever une exception ou de bloquer la page.

5. Copiez le résultat. Utilisez le bouton Copier dans le presse-papiers pour récupérer la valeur convertie dans votre code, votre fichier de configuration ou la barre d'adresse. Rien ne quitte jamais votre navigateur.

Qu'est-ce que l'encodage d'URL ?

L'encodage d'URL, également appelé encodage pourcent, est la méthode standard pour représenter les caractères qui ne sont pas autorisés dans une URL (Uniform Resource Locator). Une URL ne peut contenir qu'un ensemble limité de caractères ASCII : des lettres, des chiffres et quelques signes de ponctuation comme le trait d'union, le trait de soulignement, le point et le tilde. Tout le reste — espaces, lettres accentuées, emojis, guillemets, esperluettes et signes égaux — doit être échappé afin que les navigateurs, les serveurs et les proxys s'accordent sur la limite entre chaque valeur. L'échappement consiste à écrire un signe pourcent suivi des deux chiffres hexadécimaux de l'octet UTF-8 du caractère. Un espace devient donc %20, l'esperluette devient %26, et la lettre é devient %C3%A9 car elle occupe deux octets en UTF-8. JavaScript propose deux fonctions intégrées pour cette tâche. encodeURIComponent échappe tous les caractères ayant un rôle réservé, notamment la barre oblique, le point d'interrogation, l'esperluette, le signe égal, le signe plus et le dièse. C'est le bon choix lorsque vous construisez la valeur d'un seul paramètre de requête, car elle ne peut alors pas être confondue avec la syntaxe de l'URL environnante. encodeURI est plus permissive : elle laisse intacts les caractères qui donnent sa structure à une URL et peut donc encoder une adresse entière tout en préservant « https:// », « ? » et « & ». Le décodage inverse l'opération avec decodeURIComponent et decodeURI. Un encodage pourcent incorrect constitue un vrai danger. Si une séquence contient un signe pourcent non suivi de deux chiffres hexadécimaux, decodeURIComponent déclenche une URIError. Un bon outil intercepte cette erreur et l'explique clairement, car une exception non gérée casserait la page ou corromprait silencieusement la valeur. Cet outil valide d'abord l'entrée et affiche un message localisé : vous savez donc toujours si la chaîne peut être décodée sans risque. Tout s'exécute localement dans votre navigateur, ce qui signifie que les identifiants, jetons et liens privés présents dans une chaîne de requête ne quittent jamais votre appareil.

Applications courantes

1. Construire des chaînes de requête : lorsque vous assemblez un appel API à la main, un terme de recherche comme « chaussures bleues & chaussettes » doit être encodé en « chaussures%20bleues%20%26%20chaussettes » avant d'être ajouté après « ?q= ». Utilisez pour cela le mode Encoder un composant.

2. Lire les statistiques et les journaux : les liens marketing et les journaux de serveur regorgent de paramètres encodés en pourcent. Collez une URL de campagne dans le mode Décoder pour révéler les valeurs UTM lisibles et les noms de pages de destination masqués par les échappements.

3. Déboguer des API : une requête renvoyant « 400 Bad Request » est souvent causée par un espace ou une esperluette non échappés dans un paramètre. Encoder correctement la valeur, ou décoder ce que le serveur a réellement reçu, permet d'identifier le problème en quelques secondes.

4. Travailler avec des données de formulaire : les envois de formulaires encodés utilisent des signes plus pour les espaces. Décoder une requête de connexion ou de recherche avec l'option « + comme espace » reproduit exactement ce que le serveur a analysé.

5. Préparer un contenu international : les noms, adresses et messages en français, espagnol, arabe ou chinois contiennent des caractères hors ASCII. Encodez-les avant de les envoyer comme paramètre de requête pour que le serveur destinataire interprète correctement chaque octet.

6. Partager des liens en toute sécurité : lorsqu'une URL contient une autre URL en paramètre, comme dans les points de redirection ou de rappel, l'adresse interne doit être entièrement encodée. Le mode composant le fait sans échapper par erreur la structure externe.

encodeURI vs encodeURIComponent

Les deux fonctions ne diffèrent que par les caractères qu'elles laissent intacts, mais cette différence compte. encodeURI préserve tous les caractères réservés : ; , / ? : @ & = + $ #. Elle est conçue pour encoder une URL entière et ne touche pas à sa syntaxe. encodeURIComponent échappe ces mêmes caractères réservés afin que la chaîne obtenue puisse être intégrée sans risque comme valeur unique. Une erreur fréquente consiste à faire passer une adresse complète par encodeURIComponent, ce qui transforme « https:// » en « https%3A%2F%2F » et casse le lien. Utilisez encodeURI pour les adresses et encodeURIComponent pour les valeurs de paramètres.

Exemples courants d'encodage pourcent

Un espace devient %20, un signe plus devient %2B (attention, un plus littéral dans une chaîne de requête signifie souvent un espace), une esperluette devient %26, un signe égal devient %3D, un point d'interrogation devient %3F, une barre oblique devient %2F et un dièse devient %23. Les lettres non ASCII sont encodées octet par octet en UTF-8 : le signe euro devient %E2%82%AC et un emoji comme un sourire devient %F0%9F%98%80. Reconnaître ces motifs rend les chaînes encodées beaucoup plus faciles à lire.

Utilitaires Connexes

• Formateur & Validateur JSON en Ligne
• Encodeur & Décodeur Base64 en Ligne
• Générateur de Mots de Passe — Mots de Passe Forts
• Générateur d'UUID — Créer des UUID v4 en Ligne
• JSON vers CSV — Convertisseur en ligne gratuit
• Supprimer les Lignes en Double — Outil Gratuit