Encodeur/Décodeur d’URL

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

L’encodage d’URL, aussi appelé percent-encoding, convertit les caractères qui ne peuvent pas circuler tels quels dans une URL en séquences commençant par % suivies d’une valeur hexadécimale. Par exemple, un espace devient %20 et la lettre é devient %C3%A9.

C’est une étape essentielle pour les paramètres de recherche, les liens de campagne, les APIs, les formulaires et toutes les URLs qui contiennent des accents, des espaces, des symboles réservés ou du texte multilingue.

Fonctionnalités clés

• Encodage et décodage sur le même écran – Passez d’un mode à l’autre sans perdre votre texte.
• Conversion en temps réel – Le résultat se met à jour pendant la saisie ou le collage.
• Deux méthodes d’encodage – Choisissez entre encodeURIComponent et encodeURI selon le besoin.
• Inversion rapide – Réutilisez immédiatement la sortie comme nouvelle entrée.
• Copie en un clic – Envoyez le résultat dans votre code, votre ticket ou votre documentation.
• Compteur de caractères – Mesurez l’écart entre le texte d’origine et la chaîne encodée.

Comment utiliser l’encodeur/décodeur d’URL

1. Choisissez le mode – Utilisez Encoder pour préparer une valeur avant insertion dans une URL ou Décoder pour relire une chaîne existante.
2. Sélectionnez la méthode – L’encodage complet convient aux valeurs de paramètres, tandis que l’encodage partiel conserve la structure d’une URL complète.
3. Collez votre texte ou votre lien – Ajoutez la valeur telle qu’elle apparaît dans votre navigateur, votre CMS, un tableau ou un outil analytics.
4. Vérifiez le résultat – Confirmez si vous avez besoin d’une valeur totalement échappée, d’un simple paramètre ou d’une URL complète.
5. Copiez et réutilisez – Reprenez le résultat dans un ticket, une campagne, un script ou une documentation interne.

Comparaison des méthodes d’encodage

Encodage complet (encodeURIComponent)

Cette méthode encode presque tous les caractères réservés. Elle convient particulièrement aux valeurs de paramètres, aux termes de recherche, aux prénoms avec accents ou aux balises UTM.

• Entrée : https://exemple.fr/recherche?q=café crème
• Sortie : https%3A%2F%2Fexemple.fr%2Frecherche%3Fq%3Dcaf%C3%A9%20cr%C3%A8me

Encodage partiel (encodeURI)

Cette option laisse intacts les caractères structurels de l’URL comme :, /, ? et =, puis encode les espaces, accents et autres caractères qui ne doivent pas circuler bruts.

• Entrée : https://exemple.fr/recherche?q=café crème
• Sortie : https://exemple.fr/recherche?q=caf%C3%A9%20cr%C3%A8me

Pour qui cet outil est-il utile ?

• Développeurs web – Pour préparer des paramètres, callbacks, routes et tests API.
• Équipes QA – Pour vérifier des URLs encodées dans des tickets, des logs ou des scénarios de test.
• SEO, CRM et acquisition – Pour relire des liens de campagne, des slugs et des URLs contenant des accents.
• Analystes et équipes data – Pour interpréter rapidement des URLs issues d’exports, d’événements ou de tableaux de bord.
• Support et contenu – Pour comprendre pourquoi un lien partagé s’affiche mal ou casse en production.

Confidentialité

Cet outil fonctionne 100 % dans votre navigateur. Le texte saisi n’est jamais envoyé à un serveur et disparaît lorsque vous fermez l’onglet. Vous pouvez donc relire des paramètres internes, des URLs de campagne ou des chaînes sensibles sans passer par un service tiers.

Quand l’utiliser

• Quand vous devez encoder une valeur avant de l’ajouter à une query string ou à un lien partagé.
• Quand vous cherchez pourquoi une URL avec accents, espaces ou symboles spéciaux ne fonctionne plus.
• Quand vous vérifiez des paramètres UTM, des noms de fichier ou des chemins contenant du texte international.
• Quand vous recevez une chaîne encodée dans un log, un webhook ou un outil de support et que vous devez la lire rapidement.
• Quand vous voulez confirmer si votre application attend encodeURI, encodeURIComponent ou une convention de formulaire différente.

Détails

Le résultat dépend du mode choisi et de la méthode sélectionnée. L’outil s’appuie sur les fonctions JavaScript standard afin de reproduire le comportement le plus courant des navigateurs pour les vérifications rapides et les contrôles manuels.

Si votre backend utilise application/x-www-form-urlencoded, des jetons signés ou des règles d’échappement spécifiques, vérifiez tout de même le format final dans votre documentation technique ou dans l’environnement réel.

Questions fréquentes