Encodeur / décodeur d'URL

Encodez du texte en pourcentage pour l'utiliser sans risque dans les chaînes de requête, les chemins et les fragments, ou décodez une URL encodée en texte lisible.

Gratuit, sans inscriptionFonctionne dans votre navigateurDéveloppeurs et encodeurs

Entrée

Le résultat se met à jour pendant que vous tapez.
Utilisez le mode valeur pour les paramètres de requête. Le mode URL complète conserve / ? & # intacts.

Résultat


    

Comment utiliser l'encodeur et décodeur d'URL

Collez votre texte ou votre URL et choisissez un mode. Encoder une valeur (encodeURIComponent) est celui qu'il vous faut la plupart du temps, pour les valeurs de paramètres de requête. Encoder une URL complète (encodeURI) laisse intacts les caractères de structure / ? & #. Décoder inverse l'un ou l'autre. Le résultat se met à jour pendant que vous tapez.

Pourquoi l'encodage est important

Les URL n'acceptent que les lettres ASCII, les chiffres et un petit ensemble de caractères réservés. Les espaces, les émojis, les lettres accentuées, les esperluettes à l'intérieur des valeurs et les guillemets doivent tous être encodés en pourcentage. Sans encodage, une URL se brise à la première esperluette dans une valeur, est coupée au premier espace ou renvoie une erreur 404 sur un caractère UTF-8. L'encodage en pourcentage est la solution standard.

Usages courants

  • Créer des URL de campagne avec balises UTM qui contiennent des espaces ou des caractères accentués
  • Encoder des données de formulaire pour des requêtes GET
  • Déboguer des liens de suivi dont les paramètres semblent corrompus
  • Créer des points de terminaison d'API avec du contenu généré par les utilisateurs dans le chemin
  • Encoder des caractères non latins (japonais, arabe, cyrillique) pour des URL
  • Décoder des URL tirées de journaux pour les rendre lisibles

encodeURI ou encodeURIComponent

encodeURI sert aux URL entières. Il laisse tranquilles les caractères de structure comme / ? & # parce qu'ils ont un sens dans une URL. encodeURIComponent sert aux valeurs isolées et encode tout ce qui doit l'être, y compris / et &. Utilisez encodeURIComponent pour les valeurs de paramètres de requête, et encodeURI pour les URL complètes que vous avez assemblées à partir d'éléments fiables.

Questions fréquentes

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

Les deux peuvent représenter un espace, mais à des endroits différents. Dans les chaînes de requête issues de formulaires HTML, le + est courant. Dans les chemins, seul %20 fonctionne. Les encodeurs JavaScript utilisent toujours %20 pour éviter toute ambiguïté.

Dois-je encoder # et &?

Dans une valeur de paramètre, oui, sinon & sera lu comme le début du paramètre suivant. Dans un fragment après #, une esperluette ne pose pas de problème. Dans un chemin, encodez # mais laissez les barres obliques telles quelles.

Pourquoi mes émojis sont-ils déformés dans les URL?

Les émojis sont des caractères UTF-8 multioctets, et bien des systèmes ne les encodent pas automatiquement en pourcentage. Passez le contenu généré par les utilisateurs dans encodeURIComponent avant de l'ajouter à une URL.

L'encodage va-t-il briser mon pixel de suivi?

Seulement s'il est encodé deux fois. Méfiez-vous de %2520 là où vous attendiez %20. Décodez une fois, puis encodez une fois.