Wie Sie URLs kodieren und dekodieren

Wenn Sie schon einmal %20 in einer URL gesehen haben, wo eigentlich ein Leerzeichen sein sollte, oder %C3%A9 dort, wo ein Zeichen mit Akzent stehen müsste, sind Sie der URL-Kodierung begegnet. Sie ist ein grundlegender Baustein des Webs, und ihr Verständnis hilft beim Debuggen kaputter Links, API-Probleme und Formularübermittlungen.

Was URL-Kodierung tut

URLs dürfen nur einen begrenzten Satz an Zeichen sicher enthalten: Buchstaben (A-Z, a-z), Ziffern (0-9) und einige Sonderzeichen (-, _, ., ~). Alles andere — Leerzeichen, Buchstaben mit Akzent, Emoji und Symbole wie &, =, #, ? — muss in ein sicheres Format umgewandelt werden.

URL-Kodierung (auch Prozent-Kodierung genannt) ersetzt unsichere Zeichen durch ein %, gefolgt von ihrem Hexadezimalwert in Bytes:

Wann URL-Kodierung nötig ist

• Query-Parameter mit Sonderzeichen — eine Suchanfrage wie preis > 100 & kategorie = schuhe braucht Kodierung, um in einer URL zu funktionieren
• Nicht-lateinische Zeichen in URLs — Namen, Städte oder Inhalte in anderen Sprachen müssen kodiert werden
• API-Anfragen — beim manuellen Erstellen von API-Aufrufen müssen Parameterwerte oft kodiert werden
• Debugging — wenn eine URL nicht funktioniert, zeigt das Decodieren die tatsächlichen Werte

So kodieren und decodieren Sie

1. Kodieren oder Decodieren wählen — wählen Sie die Richtung. Verwenden Sie encodeURIComponent für Query-Parameter oder encodeURI für vollständige URLs.
2. Eingabe einfügen — geben Sie den Text oder die URL ein. Das Ergebnis aktualisiert sich sofort.
3. Ausgabe kopieren — verwenden Sie das Ergebnis in Ihrem Code, Ihrer API-Anfrage oder Ihrem Browser.

Tipps

• Werte kodieren, nicht ganze URLs — wenn Sie eine ganze URL kodieren, werden auch die Schrägstriche und Doppelpunkte, die die URL strukturieren, kodiert, was sie kaputt macht. Kodieren Sie nur die Werte innerhalb von Query-Parametern.
• Doppelte Kodierung — eine bereits kodierte Zeichenkette zu kodieren, erzeugt Dinge wie %2520 (das % wird zu %25). Wenn Ihre URL falsch aussieht, prüfen Sie, ob etwas zweimal kodiert wird.
• Decodieren zum Debuggen — wenn eine API-Anfrage fehlschlägt oder eine URL kryptisch aussieht, decodieren Sie sie, um die echten Parameterwerte zu sehen. Das deckt das Problem oft sofort auf.
• Eingebaute Funktionen Ihrer Sprache verwenden — verwenden Sie im Produktionscode immer encodeURIComponent() (JavaScript), urllib.parse.quote() (Python) oder URLEncoder.encode() (Java) statt von Hand zu kodieren.