À quoi sert l’encodage d’URL ?
Une URL ne peut contenir qu’un ensemble limité de caractères. Les espaces, les lettres accentuées comme é ou ç et certains symboles doivent être remplacés par leur code en pourcentage : un espace devient %20, é devient %C3%A9. C’est ce qu’on appelle l’encodage pourcent, ou URL encode.
L’encodage est indispensable quand on place un texte dans un paramètre. Si une valeur contient un & ou un =, le navigateur croira qu’un nouveau paramètre commence et la valeur sera coupée. Encoder la valeur évite ce problème.
L’outil propose deux modes. « Valeur de paramètre » correspond à encodeURIComponent en JavaScript : il encode aussi & = ? / et :, ce qui est ce qu’il faut pour une valeur isolée. « URL complète » correspond à encodeURI : il conserve les caractères qui structurent l’adresse (: / ? & = #) et n’encode que le reste. Une option permet d’écrire les espaces sous forme de + au lieu de %20, comme dans les formulaires (application/x-www-form-urlencoded). Les caractères sont encodés en UTF-8.
Tout le texte du champ est encodé en une fois, directement dans votre navigateur.
Comment encoder une URL ?
- Collez le texte ou l’URL à encoder.
- Choisissez le mode : « Valeur de paramètre » ou « URL complète ».
- Activez si besoin l’option espaces en +.
- Copiez le résultat encodé.
Quand utiliser cet outil ?
- Placer un texte avec des espaces ou des accents dans un paramètre de lien.
- Passer une URL entière comme valeur d’un autre paramètre (par exemple ?redirect=…).
- Préparer un lien mailto: avec un objet et un corps de message.
- Tester ou déboguer une requête d’API qui contient des caractères spéciaux.
- Construire à la main un lien de partage pour un réseau social.
encodeURI ou encodeURIComponent ?
- encodeURIComponent (mode « Valeur de paramètre ») : encode tout sauf les lettres, les chiffres et - _ . ! ~ * ' ( ). À utiliser pour une valeur que l’on insère dans une URL, par exemple après ?q=.
- encodeURI (mode « URL complète ») : conserve : / ? & = # et n’encode que les espaces, les accents et les autres caractères non autorisés. À utiliser pour une adresse entière que l’on veut rendre valide sans changer sa structure.
- Exemple : « a&b=c d » donne a%26b%3Dc%20d en mode valeur, et a&b=c%20d en mode URL complète.
- Espaces en + : c’est le format des formulaires HTML. %20 fonctionne partout ; + n’est interprété comme un espace que dans la partie paramètres.
Foire Aux Questions
Pourquoi un espace devient-il %20 ?
Les URL n’acceptent pas d’espaces. %20 est le code hexadécimal de l’espace. Dans les formulaires, on utilise aussi le +, que vous pouvez activer avec l’option correspondante.
Comment sont encodés les accents ?
En UTF-8, comme le font les navigateurs : é devient %C3%A9 et ñ devient %C3%B1.
Quel mode choisir ?
« Valeur de paramètre » pour un texte que vous placez dans un paramètre, « URL complète » pour une adresse entière dont vous voulez garder les : / ? & = #.
Mon texte est-il envoyé à un serveur ?
Non. L’encodage se fait dans votre navigateur et rien n’est envoyé.
Puis-je encoder plusieurs URL à la fois ?
Tout le contenu du champ est encodé en une seule fois. Plusieurs utilisations, en revanche, demandent ToolStudio Pro : l’essai gratuit correspond à une utilisation.
Est-ce gratuit ?
Un essai gratuit pour tester. Avec ToolStudio Pro (1,99 € par mois), usage illimité de tous les outils, sans publicité, résiliable à tout moment.