URL-Encoder & -Decoder

Prozent-kodieren und dekodieren Sie URLs oder Query-Parameter, ohne Sonderzeichen zu zerstören.

So funktioniert es

  1. Fügen Sie den Text oder die URL ein. Wählen Sie "Komponente", um einen Wert zu kodieren, der in einen Parameter gehört, oder "Vollständige URL", um eine komplette Adresse zu kodieren, ohne ihre Struktur anzutasten.
  2. Klicken Sie auf "Kodieren" oder "Dekodieren".
  3. Kopieren Sie das Ergebnis — bereit zum Einfügen in einen Link, einen UTM-Parameter oder einen API-Aufruf.

Über dieses Tool

URLs dürfen nur einen begrenzten Zeichenvorrat enthalten. Alles andere — Leerzeichen, Akzente, &, ?, Emojis — muss prozent-kodiert werden: die UTF-8-Bytes des Zeichens, geschrieben als %XX. Aus einem Leerzeichen wird %20, aus "ç" wird %C3%A7. Diesen Schritt auszulassen ist der Grund, warum Links kaputtgehen: Ein unkodiertes & in einem Parameterwert spaltet ihn stillschweigend in zwei, und ein Wort mit Akzent in einer Query kann verstümmelt beim Server ankommen.

Die zwei Modi existieren, weil es zwei verschiedene Aufgaben sind. "Komponente" (encodeURIComponent) kodiert alles, was kein sicheres Zeichen ist — nutzen Sie das für Werte, die Sie in einen Query-String einsetzen, etwa einen Kampagnennamen in einem UTM-Parameter oder eine Rücksprung-URL, die an eine andere Seite übergeben wird. "Vollständige URL" (encodeURI) erhält die Strukturzeichen :, /, ?, & und = — nutzen Sie das, um eine komplette Adresse zu bereinigen, deren Struktur bereits steht.

Das Dekodieren kehrt den Prozess um und ist genauso nützlich: Fügen Sie eine beliebige prozent-kodierte URL aus Logs, Analytics oder der Adressleiste ein und lesen Sie sie im Klartext. Alles läuft lokal in Ihrem Browser — Links, die Sie debuggen, werden nie übertragen.

Die Formel

Jedes unsichere Zeichen wird durch seine UTF-8-Bytes in Hexadezimalschreibweise ersetzt, mit vorangestelltem %. Leerzeichen → %20, ç → %C3%A7, 🚀 → %F0%9F%9A%80.

Häufig gestellte Fragen

Wann nutze ich "Komponente" und wann "Vollständige URL"?

Komponente für einen Wert, der in einen Parameter gehört (kodiert &, = und /). Vollständige URL für eine komplette Adresse — die Strukturzeichen bleiben intakt, damit die URL weiter funktioniert.

Warum hat mein UTM-Parameter den Link zerstört?

Vermutlich ein unkodiertes & oder Leerzeichen im Wert. Kodieren Sie den Wert im Komponente-Modus, bevor Sie ihn in die URL einsetzen — genau dafür ist er da.

Was ist der Unterschied zwischen %20 und + für Leerzeichen?

Beide bedeuten in Query-Strings ein Leerzeichen, aber + ist eine alte Konvention der Formular-Kodierung. %20 funktioniert überall in einer URL — bevorzugen Sie es.

Wird meine URL irgendwohin gesendet?

Nein. Kodierung und Dekodierung laufen vollständig in Ihrem Browser mit den nativen JavaScript-Funktionen.

Verwandte Tools

Lange Links? Kürzen Sie sie kostenlos

Vai.la verwandelt jede URL in einen Kurzlink mit Klick-Statistiken, QR-Code und Ihrem eigenen Biolink.

Vai.la übernimmt keine Verantwortung für die Nutzung der Tools oder für Entscheidungen, die auf ihren Ergebnissen basieren.