URL encodeur / décodeur

Comment ça marche

Les URL ne peuvent contenir qu'un ensemble limité de caractères « sûrs », donc les espaces, accents et symboles doivent être « encodés en pourcentage » — chaque caractère est remplacé par un % suivi de son code hexadécimal à deux chiffres, ainsi un espace devient %20, une esperluette devient %26 et un é devient %C3%A9. Cet outil exécute ces conversions dans les deux sens grâce aux fonctions intégrées de ton navigateur. Tout est traité en local sur ton appareil : rien de ce que tu saisis n'est envoyé, et le résultat est prêt à coller directement dans un lien, un appel d'API ou une query string.

Composant vs URL entière

Par défaut, l'outil encode une seule valeur. C'est le choix le plus sûr pour construire un paramètre de query string ou un segment de chemin, car il échappe tous les caractères réservés, y compris / ? & = #. Coche « Encoder l'URL entière » pour préserver ces caractères de structure, ce qu'il faut pour encoder une adresse complète comportant déjà un schéma, un chemin et une query. Le décodage suit le même choix : sélectionne le mode correspondant à l'encodage d'origine — sinon un %26, par exemple, restera encodé ou apparaîtra comme une esperluette, selon la direction choisie.

Comment encoder et décoder

Saisis ou colle ton texte dans la première zone, puis appuie sur Encoder → (ou ← Décoder) et lis le résultat dans la deuxième zone. Un bouton Copier place la sortie dans ton presse-papiers en un clic — pratique quand tu passes entre cette page et ton éditeur de code. Pour basculer entre les deux comportements, coche ou décoche « Encoder l'URL entière » avant d'appuyer sur un bouton ; la zone mémorise ton dernier mode. Il n'y a ni bouton d'envoi ni rechargement de page : chaque conversion s'effectue dès que tu cliques, donc tu peux itérer rapidement.

Un exemple concret

Imagine que tu construis un lien de recherche et que l'utilisateur a tapé « café crème & croissant ». En query string brute, cette valeur casse l'URL : l'accent n'est pas autorisé et le & couperait tes paramètres en deux. Colle la valeur dans la zone en mode composant, appuie sur Encoder →, et tu obtiens caf%C3%A9%20cr%C3%A8me%20%26%20croissant — un paramètre propre et sûr. Puis coche « Encoder l'URL entière » pour l'adresse complète https://exemple.com/recherche?q=… afin que le schéma, les barres obliques et le ? restent lisibles au lieu d'être échappés en %3A%2F%2F.

Ce que tu peux attendre

Le widget agit exactement sur ce qui est dans la zone, donc les formes de sortie sont précises et prévisibles. En mode composant, l'encodeur échappe tous les caractères réservés (; / ? : @ & = + $ , #) ainsi que les espaces et les lettres non-ASCII, tout en laissant intacts les lettres, les chiffres et - _ . ! ~ * ' ( ). En mode URL entière, il conserve littéralement les caractères de structure : / ? & = # pour qu'une adresse complète reste lisible. Le décodage est l'inverse : il retransforme les séquences %XX en leurs caractères réels. Comme il s'appuie sur les fonctions natives du navigateur, une séquence mal formée — par exemple un % isolé sans paire hexadécimale — déclenche une erreur, affichée sous forme de court message rouge sous les zones plutôt que d'un résultat déformé.

Problèmes courants et solutions

Décodage échoué avec « malformed URI » ? Cela signifie que le texte contient un % qui n'est pas suivi de deux chiffres hexadécimaux valides — une séquence partielle ou modifiée à la main. Corrige ou retire le % en trop et réessaie.

Les barres obliques de mon URL ont été encodées ? Tu es en mode composant, qui les échappe délibérément. Coche « Encoder l'URL entière » pour conserver : / ? & = # intacts pour une adresse complète.

Le décodage affiche %26 là où j'attendais & ? La chaîne a été encodée avec encodeURIComponent alors que tu décodes dans l'autre mode, ou l'inverse. Fais correspondre le mode de décodage à celui d'encodage d'origine.

Le texte copié diffère du résultat ? Le bouton Copier copie la zone de sortie telle qu'elle s'affiche — si aucune zone n'a encore été exécutée, il reprend la valeur pré-remplie. Lance une fois Encoder ou Décoder, puis copie.

Questions fréquentes