URL-Encoder / Decoder

Ein URL-Encoder wandelt Zeichen, die in einer URL nicht direkt verwendet werden dürfen, in prozentkodierte Sequenzen um. Ein URL-Decoder kehrt diesen Vorgang um und wandelt prozentkodierte Texte wieder in ihre ursprünglichen Zeichen zurück. Diese Seite übernimmt beide Richtungen – für eine einzelne URL-Komponente oder eine vollständige URL.

Im Hintergrund verwendet das Tool die vier Standard-JavaScript-Funktionen:

• encodeURIComponent – zum Kodieren einzelner URL-Komponenten wie z. B. Query-Parameter-Werte.
• encodeURI – zum Kodieren einer vollständigen URL, wobei reservierte Zeichen wie : / ? # & = erhalten bleiben.
• decodeURIComponent – zum Dekodieren einzelner URL-Komponenten zurück in die Originalzeichen.
• decodeURI – zum Dekodieren einer vollständigen URL ohne Berührung der reservierten Zeichen.

Alle Konvertierungen sind UTF-8-kompatibel, sodass Umlaute, Emojis und Zeichen nichtlateinischer Schriften korrekt hin- und zurückkonvertiert werden. Es wird nichts hochgeladen, nichts gespeichert und keine API aufgerufen.

Einige praktische Beispiele, wie URL-Kodierung in der Praxis aussieht:

• Ein Leerzeichen wird zu %20 – aus hello world wird hello%20world.
• Ein Schrägstrich in einem Parameterwert wird zu %2F – aus a/b wird a%2Fb.
• Ein Fragezeichen in einem Wert wird zu %3F – aus was? wird was%3F.
• Ein Und-Zeichen in einem Wert wird zu %26, was den umgebenden Query-String nicht zerstört.
• Eine Raute in einem Wert wird zu %23 – aus c# wird c%23.
• Nicht-ASCII-Zeichen verwenden mehrbyte UTF-8-Sequenzen. Aus café wird caf%C3%A9 (das é besteht aus zwei UTF-8-Bytes).
• Emojis nutzen ebenfalls mehrbyte UTF-8: 😀 wird zu %F0%9F%98%80.

Wechsle das Tool in den Modus Dekodieren und füge einen dieser kodierten Strings ein, um den Originaltext wiederherzustellen.

Die Wahl des richtigen Modus ist wichtig, da die beiden Encoder reservierte Zeichen unterschiedlich behandeln.

Verwende den Modus Komponente (encodeURIComponent / decodeURIComponent), wenn du einen einzelnen Wert kodierst, der in eine URL eingefügt wird – etwa einen Query-Parameter-Wert, ein Pfadsegment oder einen Fragment-Wert. Der Komponenten-Modus prozentkodiert reservierte Zeichen (: / ? # [ ] @ ! $ & ' ( ) * + , ; =), damit sie die Struktur der umgebenden URL nicht versehentlich verändern.

Verwende den Modus Vollständige URL (encodeURI / decodeURI), wenn du eine komplette URL wie https://beispiel.de/pfad?query=wert#fragment hast und nur unsichere Zeichen (z. B. Leerzeichen oder Nicht-ASCII-Zeichen) escapen möchtest, ohne die reservierten Strukturzeichen zu berühren.

Ein häufiger Fehler ist die Verwendung von encodeURI auf einem Wert, der als Query-Parameter gedacht ist. Die reservierten Zeichen bleiben dann unverändert, was die umgebende URL beschädigen kann. Im Zweifelsfall jeden Query-Wert mit encodeURIComponent kodieren und die URL danach zusammensetzen.

Prozentkodierung (auch URL-Encoding genannt) ist eine Methode, um in einer URL reservierte Zeichen (mit struktureller Bedeutung) oder generell unerlaubte Zeichen darzustellen. Jedes unsichere Byte wird als Prozentzeichen gefolgt von zwei Hexadezimalziffern geschrieben – zum Beispiel %20 für ein Leerzeichen, %2F für einen Schrägstrich oder %3F für ein Fragezeichen.

Die Kodierung arbeitet auf Bytes, nicht direkt auf Zeichen. Moderne URLs nutzen UTF-8, um Zeichen zunächst in Bytes umzuwandeln – deshalb kann ein einzelner Umlaut zu zwei prozentkodierenden Bytes werden und ein Emoji zu vier. Dieses Tool verwendet immer UTF-8, damit kodierte Strings mit dem Rest des Web kompatibel sind.

Prozentkodierung ist in RFC 3986 definiert. Die hier verwendeten nativen JavaScript-Funktionen implementieren diese Spezifikation, sodass ein mit encodeURIComponent kodierter Wert in jedem modernen Browser mit decodeURIComponent korrekt dekodiert werden kann.

Dieser URL-Encoder-Decoder ist nützlich, wann immer du Text sicher in eine URL einbetten oder aus einer URL herauslesen musst. Typische Anwendungsfälle:

• Text für einen Query-String kodieren, bevor er in eine API-Anfrage, einen Log-Eintrag oder die Browseradressleiste eingefügt wird.
• URL-Parameter aus einem Request-Log oder Analytics-Export dekodieren, um die Originalwerte lesbar zu machen.
• Eine lange kodierte URL prüfen, indem man sie dekodiert und nachvollzieht, was wirklich übermittelt wird.
• Sonderzeichen in einer URL escapen, bevor sie in einem Chat, einer Dokumentation oder einem JSON-Payload geteilt wird.
• Lernen, wie Prozentkodierung und UTF-8-Byte-Sequenzen auf Zeichen abgebildet werden.

Da das Tool vollständig im Browser läuft, eignet es sich auch für sensible URLs – interne Links, Tokens, signierte URLs –, die man lieber nicht an einen externen Dienst übermitteln möchte.

URL-Kodierung und URL-Bereinigung sind zwei verschiedene Operationen, die häufig verwechselt werden.

URL-Kodierung (dieses Tool) wandelt Zeichen in eine URL-sichere Form um (Prozentkodierung) und kehrt den Vorgang um. Die Struktur der URL bleibt dabei erhalten; es wird nichts hinzugefügt oder entfernt.

URL-Bereinigung (ein gesondertes Werkzeug) entfernt Tracking-Parameter wie utm_source, utm_medium, fbclid, gclid und ähnliche Query-Keys aus einer URL, sodass der resultierende Link keine Tracking-Metadaten mehr enthält. Eine URL-Bereinigung verändert die Parameter in der URL – eine Kodierung nicht.

Möchtest du Tracking-Parameter entfernen, benötigst du einen dedizierten URL-Cleaner. Möchtest du Text in Prozentkodierung umwandeln oder zurückdekodieren, ist dieses Tool das Richtige.