URL Encoder / Decoder

So nutzt du den URL-Encoder/Decoder

1. Richtung wählen - "Kodieren" wählen, um rohen Text in einen prozentkodiert-URL-sicheren String zu verwandeln, oder "Dekodieren", um einen prozentkodiert-String in lesbare Zeichen zurückzuwandeln.
2. Eingabe einfugen in das Textfeld. Ergebnisse werden live aktualisiert, daher gibt es keine separate Senden-Schaltflache.
3. Umfang wählen: Component-Modus für die Kodierung eines einzelnen Query-Werts oder Pfadsegments lassen, oder Full-URL-Modus aktivieren, wenn die Eingabe eine vollständige Adresse ist, deren Struktur beibehalten werden soll.
4. Ergebnis kopieren mit der Kopierschaltfläche, oder Tauschen drücken, um die Ausgabe zurück in die Eingabe für die umgekehrte Konvertierung zu leiten.

Uber URL-Kodierung

URL-Kodierung, auch Prozentkodierung genannt, ist in RFC 3986 definiert und existiert, weil URLs auf eine kleine ASCII-Teilmenge beschrankt sind. Viele Zeichen sind entweder reserviert (sie haben eine strukturelle Bedeutung in einer URL, wie /, ?, # und &) oder unsicher (wie Leerzeichen, Anführungszeichen und Steuerbytes). Um diese Zeichen innerhalb einer URL zu transportieren, ersetzt der Encoder jedes Byte durch ein Prozentzeichen gefolgt von zwei hexadezimalen Ziffern, sodass ein Leerzeichen zu %20 und ein Ampersand zu %26 wird.

Wenn die Eingabe Zeichen außerhalb des ASCII-Bereichs enthält, konvertiert der Encoder sie zunächst in UTF-8-Bytes und kodiert dann jedes Byte einzeln prozentig. Ein einzelnes Emoji kann daher auf zwölf oder mehr Zeichen in der Ausgabe expandieren. Die Dekodierung kehrt diesen Prozess byte-für-byte um und setzt die UTF-8-Sequenz zusammen.

JavaScript stellt zwei Encoder mit absichtlich unterschiedlichen Regeln bereit: encodeURI bewahrt die Zeichen, die einer URL ihre Form geben, während encodeURIComponent sie alle kodiert. Die falsche zu wählen ist eine häufige Ursache für kaputte Query-Strings und Doppelkodierungsfehler.

URL kodieren

Um eine URL online zu kodieren, den rohen String einfugen und den Encoder jeden unsicheren Zeichen in seine prozentkodierte Form umwandeln lassen. Dieser Online-URL-Encoder nimmt jede Eingabe - einen Query-Wert, ein Pfadsegment, ein Redirect-Ziel - und erzeugt ein URL-sicheres Aquivalent im Browser.

• Einen Query-Wert kodieren: Katzen & Hunde wird zu Katzen%20%26%20Hunde, damit das Ampersand den Parameter nicht aufteilt.
• Ein Redirect-Ziel kodieren: https://app.example.com/cb?u=1 innerhalb einer anderen URL muss prozentkodiert werden, damit sein ? und = nicht vom außeren Query-String verbraucht werden.
• Einen Dateinamen kodieren: Ein vom Benutzer bereitgestellter Titel mit Leerzeichen oder Anführungszeichen wird sauber kodiert, sodass er als CDN-Schlüssel oder Download-Dateiname verwendet werden kann.

URL dekodieren

Um eine URL online zu dekodieren, einen String mit Prozentkodierungen (%XX) einfügen und in den Decode-Modus wechseln. Das Tool kehrt jede Escape-Sequenz zurück in ihr ursprüngliches Byte um und setzt UTF-8-Sequenzen für Nicht-ASCII-Zeichen zusammen. Decode zweimal ausführen, wenn die Eingabe doppelt kodiert wurde - du siehst eine Schicht % pro Durchgang abgezogen.

• Einen kyrillischen Wert dekodieren: %D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82 rekonstruiert das russische Wort privet, weil jedes Hex-Ziffernspar ein UTF-8-Byte ist.
• Eine Tracking-URL dekodieren: Ein langer String mit %2F, %3A und %3F verwandelt sich zurück in das lesbare Original, sodass du prüfen kannst, wohin der Redirect zeigt.
• Formulardaten dekodieren: Als application/x-www-form-urlencoded kodierte Eingabe kann hier dekodiert werden, aber Leerzeichen erscheinen als + statt %20 und benotigen einen manuellen +-zu-Leerzeichen-Pass.

HTTP-Encoder

Die Begriffe HTTP-Kodieren und HTTP-Encoder werden häufig verwendet, um URL/Prozentkodierung innerhalb von HTTP-Anfragen zu meinen, da URLs und Query-Strings über HTTP reisen. Dieses Tool fungiert als kostenloser HTTP-Encoder für jeden Teil einer HTTP-Nachricht, der URL-sichere Kodierung benötigt: die Anforderungszeile, Query-Parameter, Location-Header-Werte und Formularkörper.

Beachte, dass "HTTP-Kodierung" manchmal auch auf Transfer-Encoding (gzip, deflate, br) oder Content-Encoding verweist. Das sind separate Konzepte, die automatisch vom Server und Browser behandelt werden. Diese Seite behandelt nur die Zeichen-Ebene URL/Prozentkodierung.

URI-Kodierung vs. URL-Kodierung

"URI-Kodierung" und "URL-Kodierung" werden normalerweise als Synonyme behandelt. URI ist die breitere Spezifikation (RFC 3986) und URL ist eine bestimmte Art von URI - die Kodierungsregeln sind exakt dieselben Prozentkodierungsregeln. Für Webentwickler in der Praxis ist der Unterschied rein akademisch. Die einzige bedeutungsvolle und praktische Unterscheidung ist, welche JavaScript-Hilfsfunktion aufzurufen ist:

• encodeURIComponent ist der richtige Aufruf für einen einzelnen Wert (einen Query-Parameter, ein Pfadsegment, ein Fragment-Stück), weil es jedes reservierte Zeichen kodiert.
• encodeURI ist der richtige Aufruf für eine vollständige Adresse (bereits geformte URL), weil es die strukturellen Begrenzungszeichen : / ? # & = bewahrt.
• Beide erzeugen korrekte Großbuchstaben-Hexziffern und vollständige Prozentkodierungen, die byte-identisch zu einem serverseitigen URL/URI-Encoder sind - die Ausgabe ist also in allen modernen Systemen vollständig interoperabel.

Beispiele

• Der Satz hallo welt kodiert zu hallo%20welt, weil das Leerzeichen kein legal-URL-Zeichen ist.
• Die Suchanfrage Katzen & Hunde wird zu Katzen%20%26%20Hunde im Component-Modus, wobei das Ampersand, das sonst einen Query-String aufteilen wurde, sicher kodiert wird.
• Das kyrillische Wort привет wird zu %D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82 - jedes Hex-Ziffernspar reprasentiert ein UTF-8-Byte.

Wann URL-Kodierung verwendet werden sollte

• Erstellen eines Query-String-Parameters, der Leerzeichen, Ampersands oder Gleichheitszeichen enthalten kann.
• Einbetten eines Redirect-Ziel-URLs innerhalb einer anderen URL (für OAuth redirect_uri oder Tracking-Links).
• Erstellen von REST-API-Pfaden, bei denen ein Pfadsegment einen Schrägstrich, Doppelpunkt oder Benutzereingabe enthält.
• Kodieren eines Fragment-Bezeichners (der Teil nach #), der reservierte Zeichen enthält.
• Vorbereiten von Formulardaten vor einer manuellen fetch-Anfrage mit application/x-www-form-urlencoded.
• Erzeugen sicherer Dateinamen aus vom Benutzer bereitgestellten Titeln oder URLs.