Guide d'encodage d'URL : pourquoi et comment encoder les URL

Vous êtes-vous déjà demandé pourquoi les espaces dans les URL deviennent %20 et les esperluettes deviennent %26 ? L'encodage d'URL (aussi appelé encodage en pourcentage) convertit les caractères qui ne sont pas sûrs pour les URL dans un format que les serveurs web peuvent comprendre.

Pourquoi l'encodage d'URL est important

Les URL ne peuvent contenir qu'un ensemble limité de caractères ASCII. Les caractères spéciaux, les espaces et le texte non-ASCII nécessitent un encodage pour être transmis en toute sécurité. Sans encodage, les URL se cassent de manière imprévisible — un espace pourrait tronquer une URL, une esperluette pourrait être confondue avec un séparateur de paramètre.

Essayez notre Encodeur/Décodeur d'URL pour voir comment n'importe quel texte se transforme une fois encodé pour les URL.

Quels caractères nécessitent un encodage ?

Caractères sûrs (pas d'encodage nécessaire)

Lettres (A-Z, a-z), chiffres (0-9) et ces symboles : -, _, ., ~

Caractères réservés (à encoder lorsqu'utilisés comme données)

Toujours encoder

Les espaces (%20), les caractères non-ASCII (octets UTF-8 encodés) et tout caractère en dehors de l'ensemble sûr.

L'encodage d'URL en pratique

Paramètres de requête

Le cas d'utilisation le plus courant. Lors de la construction d'URL de recherche ou de requêtes API :

https://api.example.com/search?q=hello%20world&lang=en

Données de formulaire

Les formulaires HTML avec method="GET" encodent automatiquement les valeurs des champs dans l'URL. Les espaces deviennent + dans l'encodage de formulaire (légèrement différent de l'encodage en pourcentage).

Segments de chemin

Les noms de fichiers et identifiants de ressources dans les chemins d'URL nécessitent aussi un encodage. Un fichier nommé my report.pdf devient my%20report.pdf dans l'URL.

Encodage dans différents langages

JavaScript :

encodeURIComponent('hello world & more')
// "hello%20world%20%26%20more"

decodeURIComponent('hello%20world')
// "hello world"

Python :

from urllib.parse import quote, unquote
quote('hello world & more')
# 'hello%20world%20%26%20more'

Erreurs courantes

1. Double encodage — Encoder une URL déjà encodée transforme %20 en %2520
2. Utiliser encodeURI au lieu de encodeURIComponent — encodeURI ignore les caractères réservés qui comptent dans les valeurs de requête
3. Ne pas encoder les signes + — Dans les URL, + peut signifier espace. Encodez les vrais signes plus en %2B
4. Oublier le non-ASCII — Les caractères Unicode nécessitent d'abord un encodage UTF-8, puis un encodage en pourcentage

Foire aux questions

Quelle est la différence entre encodeURI et encodeURIComponent ?

encodeURI encode une URL complète, en ignorant les caractères comme :, /, ?, #. encodeURIComponent encode tout sauf les caractères non réservés — utilisez-le pour les valeurs individuelles de paramètres de requête.

Pourquoi les espaces deviennent-ils parfois + et parfois %20 ?

L'encodage de formulaire (application/x-www-form-urlencoded) utilise + pour les espaces. L'encodage en pourcentage standard utilise %20. Les deux sont valides dans différents contextes.

Ressources associées

• L'encodage Base64 expliqué — Un autre schéma d'encodage essentiel
• Patterns de conception d'API JSON — Construire des API qui gèrent correctement l'encodage
• Encodeur/Décodeur d'URL — Encodez et décodez des URL instantanément
• Encodeur Base64 — Encodez des données au format Base64