Eine URL kann nur eine begrenzte Menge an Zeichen direkt transportieren — Buchstaben, Ziffern und eine Handvoll nicht reservierter Symbole. Leerzeichen, Umlaute und Akzente (wie é, ü, ñ), Emojis sowie & ? # % + = — die reservierten Zeichen, die einer URL ihre Struktur geben — müssen zunächst in die Form %XX umgewandelt werden, ein Vorgang, der Prozentcodierung oder, gebräuchlicher, URL-Codierung genannt wird. Die Umkehroperation ist die URL-Decodierung. Das Tool oben beherrscht beide Richtungen, dazu Query-String-Parsing/-Erstellung, vollständiges URL-Parsing und Base64 — alles sofort in deinem Browser.
Was ist der Unterschied zwischen encodeURIComponent und encodeURI?
KurzantwortencodeURIComponent() codiert ein EINZELNES Teilstück einer URL — zum Beispiel einen Query-Wert — und codiert dabei auch strukturelle Zeichen wie
& = ? / : #, weshalb es die richtige Wahl für Parameterwerte ist. encodeURI() dient dazu, eine GESAMTE Adresse zu codieren; es lässt die Zeichen, die eine URL zum Funktionieren braucht — : / ? # & = — unverändert.- encodeURIComponent("a&b=c") →
a%26b%3Dc(& und = werden ebenfalls codiert — korrekt für einen einzelnen Parameter-WERT) - encodeURI("https://x.com/a b?c=1&d=2") →
https://x.com/a%20b?c=1&d=2(nur das Leerzeichen wird codiert; die URL-Struktur bleibt erhalten)
Wie werden Umlaute, Akzente und Emojis in einer URL codiert?
KurzantwortBrowser verwenden für URLs die UTF-8-Codierung. Jeder Umlaut, jedes akzentuierte Zeichen oder Emoji wird zunächst in UTF-8-Bytes umgewandelt, dann wird jedes Byte als eigener
%XX-Wert geschrieben. Zum Beispiel besteht é aus 2 Bytes und wird zu %C3%A9; ein 4-Byte-Emoji wird zu vier separaten %XX-Gruppen. Das musst du nie von Hand berechnen — encodeURIComponent() erledigt das automatisch.| Zeichen | Bedeutung | Codierte Form |
|---|---|---|
| (Leerzeichen) | Leerzeichen | %20 (oder + in Formularen) |
| é | Akzentuierter Buchstabe, z. B. café | %C3%A9 |
| ü | Umlaut, z. B. Zürich | %C3%BC |
| & | Parameter-Trennzeichen | %26 |
| = | Schlüssel-Wert-Trennzeichen | %3D |
| ? | Beginn des Query-Strings | %3F |
| # | Beginn des Fragments/Ankers | %23 |
| % | Das Prozentzeichen selbst | %25 |
| 🚀 | Emoji (4-Byte-UTF-8) | %F0%9F%9A%80 |
Wie erstellt und parst man einen Query-String?
KurzantwortEin Query-String ist die Menge der
schlüssel=wert-Paare, die in einer URL auf das ? folgen, getrennt durch &. Im Reiter „Query erstellen” oben kannst du Schlüssel-Wert-Paare eingeben, und das Tool erzeugt daraus einen korrekt prozentcodierten Query-String; der Reiter „Query parsen” nimmt eine bestehende URL und wandelt jeden Parameter in eine gut lesbare Tabelle um. Das Tool markiert außerdem automatisch bekannte Tracking-Parameter wie utm_source, gclid und fbclid.Wie unterscheidet sich Base64-Codierung von URL-Codierung?
KurzantwortBase64 wandelt beliebige Binär- oder Textdaten in ein 64-Zeichen-Alphabet um (A-Z a-z 0-9 + /); es wird häufig für Tokens, API-Schlüssel oder das Einbetten kleiner Dateien als Text verwendet und hat mit der URL-Struktur nichts zu tun. URL-Codierung macht dagegen speziell Sonderzeichen innerhalb einer URL sicher. Weil Base64-Ausgaben
+ und / enthalten können, brauchen sie manchmal einen zusätzlichen Durchgang durch encodeURIComponent(), bevor sie in einen URL-Parameter eingesetzt werden können — probiere beides im Mini-Tools-Abschnitt weiter unten aus.