CONVERT.03 URL CODEC

Encoder / décoder une URL

Encodez une URL complète ou un paramètre isolé avec une synchronisation bidirectionnelle et un résultat immédiat.

RAW

Texte brut

ENC

Encodé

§ 01

Comment encoder et décoder une URL en ligne

Saisir le texte

Saisissez l’URL d’origine dans l’éditeur de gauche pour l’encoder, ou collez une URL encodée à droite pour la décoder.

Choisir le mode

Cochez « Conserver la structure de l’URL » pour utiliser encodeURI avec une URL complète, ou décochez-la pour encoder une valeur de paramètre avec encodeURIComponent.

Copier le résultat

Cliquez sur Copier pour placer le résultat dans le presse-papiers. La saisie dans l’un ou l’autre éditeur met automatiquement l’autre côté à jour.

§ 02

À propos de l’encodage d’URL

Le principe de l’encodage en pourcentage

L’encodage d’URL est une technique fondamentale du Web. Les caractères sûrs A-Z, a-z, 0-9, -, _, . et ~ restent inchangés; les espaces, les emoji et les autres caractères sont convertis en % suivi de deux chiffres hexadécimaux. Par exemple, « 你好 » devient %E4%BD%A0%E5%A5%BD et un espace devient %20.

L’outil propose encodeURI pour une URL complète en conservant ://, /, ?, & et =, ainsi qu’encodeURIComponent pour encoder entièrement une valeur de paramètre. Tout est traité localement dans le navigateur.

Cas d’usage et fonctionnement

Les autres caractères sont d’abord convertis en octets UTF-8, puis chaque octet est écrit sous la forme %XX. Le décodage effectue l’opération inverse.

La méthode sert notamment aux paramètres non ASCII côté frontend, au débogage d’API REST, aux liens marketing avec UTM, à la lecture d’URL provenant de journaux ou de Google Analytics et aux liens contenant des caractères spéciaux dans les e-mails HTML.

§ 03

Table de référence des caractères URL

Caractère

Encodage URL

Description

Espace

%20

Les espaces doivent être encodés dans une URL

%21

Point d’exclamation

%22

Guillemets doubles

%23

Dièse, identifiant de fragment URL

%24

Symbole dollar

%25

Le signe pourcentage lui-même doit être encodé

%26

Esperluette, séparateur de paramètres

%2B

Signe plus; peut aussi représenter un espace dans une requête

%2C

Virgule

%2F

Barre oblique; encodeURI conserve ce caractère

%3A

Deux-points

%3D

Égal, séparateur clé-valeur

%3F

Point d’interrogation, début de la requête

%40

Arobase

你好

%E4%BD%A0%E5%A5%BD

Les caractères chinois sont convertis en octets UTF-8 puis en %XX

😊

%F0%9F%98%8A

Les emoji suivent la même règle UTF-8

§ 04

Questions fréquentes

Q1Qu’est-ce que l’encodage d’URL (encodage en pourcentage) ?

C’est un mécanisme qui représente les caractères spéciaux dans une URL. Comme les URL n’acceptent directement que les lettres, les chiffres et quelques symboles, les autres caractères deviennent un % suivi de deux chiffres hexadécimaux.

Q2À quoi sert « Conserver la structure de l’URL » ?

L’option laisse intacts les caractères structurels tels que http://, /, ?, & et =, et encode seulement le texte, les espaces et les caractères non ASCII. Elle convient aux URL complètes.

Q3Pourquoi une erreur apparaît-elle lors du décodage ?

Un % isolé, une séquence qui n’est pas suivie de deux chiffres hexadécimaux ou une séquence UTF-8 invalide ne respecte pas les règles d’encodage. Vérifiez que la chaîne est complète.

Q4Mes données sont-elles envoyées ?

Non. Toutes les données sont traitées localement dans le navigateur et aucune donnée utilisateur n’est envoyée ni enregistrée.

Q5Quelle est la différence entre URL et Base64 ?

L’encodage d’URL produit des séquences %XX afin de rester dans les caractères autorisés par une adresse. Base64 transforme des données binaires en texte, notamment pour les pièces jointes et les Data URI; le résultat peut contenir + et / qui demandent un traitement supplémentaire.

Q6Faut-il utiliser encodeURI ou encodeURIComponent ?

Utilisez encodeURI pour une URL complète afin de conserver ://, / et ?, et encodeURIComponent pour une valeur de paramètre. Par exemple, encodeURI("https://example.com/recherche?q=bonjour monde") conserve la structure tandis que la seconde fonction encode l’espace en %20.

Q7L’augmentation de longueur ralentit-elle le chargement ?

L’impact est généralement négligeable, souvent de quelques dizaines à quelques centaines d’octets. Les navigateurs et serveurs limitent toutefois souvent les URL à environ 2048 caractères.

Q8Pourquoi un espace devient-il parfois %20 et parfois + ?

Dans la chaîne de requête, application/x-www-form-urlencoded autorise historiquement + pour représenter un espace. Dans le chemin et les autres parties, %20 est nécessaire. Les API JavaScript utilisées ici produisent toujours %20.