URL Encoder

URL Encoder

URLs oder Text sofort in Percent-Encoding umwandeln — direkt im Browser. Folgt RFC 3986. Kostenlos und ohne Anmeldung.

Aktualisiert Mai 2026

Geprüft von Rafael Duarte

Shift + Enter zum Kopieren · Shift + ← → für Tabs
Eingabe-URL
0 Zeichen
Kodierungsoptionen
Technischer Hinweis

URL-Kodierung ersetzt unsichere ASCII-Zeichen durch "%" gefolgt von zwei Hexadezimalziffern. Entscheidend für die Übergabe von Daten im Query-String.

Kodiertes Ergebnis
Geschwindigkeit
Sofort
Datenschutz
Nur Lokal

So funktioniert's

Drei Schritte, in Sekunden fertig

1. URL oder Text einfügen

Die percent-kodierte Ausgabe erscheint sofort, mit Live-Zeichenzähler.

2. Optionen wählen

„Reservierte Zeichen kodieren“ (`encodeURIComponent`) oder `/ ? &` erhalten; „Leerzeichen als +“ für Formulare.

3. Kopieren

Klicken Sie auf Kopieren oder Shift+Enter, um das kodierte Ergebnis zu übernehmen.

Was dieses Tool kann

Zwei Modi, eine zusätzliche Option

Reservierte Zeichen kodieren

Modus encodeURIComponent — kodiert alles außer A–Z a–z 0–9 - _ . ~. Ideal für Query-String-Werte.

Reservierte Zeichen erhalten

Behält / ? # & = unverändert — um eine vollständige URL zu kodieren, ohne ihre Struktur zu zerstören.

Leerzeichen als +

Ersetzt %20 durch +, wie in application/x-www-form-urlencoded gefordert.

100 % im Browser

Läuft über das lokale encodeURIComponent()/encodeURI() — nichts wird an einen Server gesendet.

Direkter Wechsel zum Decoder

Der Button „Tauschen“ schickt das kodierte Ergebnis direkt in den URL-Decoder. Shift + ← / → wechselt per Tastatur zwischen den beiden Modi.

Beispiele

Eingabe
Kodierte Ausgabe
hello world
hello%20world
user@example.com
user%40example.com
Preis: €100
Preis%3A%20%E2%82%AC100
Café
Caf%C3%A9
🚀
%F0%9F%9A%80

Wann Sie das brauchen

Die häufigsten Szenarien unter unseren Nutzern

Query-String-Parameter

hello world muss vor dem Einbau in eine URL zu hello%20world werden — sonst schlägt die Anfrage bei den meisten Servern fehl.

URL innerhalb eines Parameters

Ein ?redirect=https://... braucht die innere URL vollständig kodiert.

Formularübermittlung

application/x-www-form-urlencoded erfordert Leerzeichen als + und percent-kodierte Sonderzeichen.

API-Signaturen

AWS Signature V4 und OAuth 1.0a verlangen ein bestimmtes Percent-Encoding vor der HMAC-Berechnung.

Links mit Umlauten oder Emoji

Ein Link mit „München“ oder 🚀 braucht UTF-8 + Percent-Encoding, um in jedem Browser oder sozialen Netzwerk korrekt zu öffnen — das Tool wendet das automatisch an.

Fehler aufgetreten? Hier anfangen

Die ganze URL kodieren

https://api.de/suche?q=x komplett mit encodeURIComponent zu kodieren zerstört /, ? und = — kodieren Sie nur die Werte.

encodeURI vs. encodeURIComponent

encodeURI erhält / ? #; encodeURIComponent kodiert auch diese. Das falsche Verfahren lässt &/= in einem Parameterwert unkodiert.

Zweimal kodieren

Enthält die Eingabe bereits %20, wird das % zu %25, wodurch %2520 entsteht. Gehen Sie immer von der Rohzeichenfolge aus.

+ in einem Pfadsegment

Die Konvention +-für-Leerzeichen gilt nur in Query-Strings — in einem Pfad ist es ein wörtliches Pluszeichen.

Umlaute und Nicht-ASCII-Zeichen nicht kodieren

Ein ü, ö oder Emoji ohne UTF-8 + Percent-Encoding zerstört geteilte Links außerhalb der ursprünglichen App oder in älteren Systemen. Dieses Tool wendet UTF-8 automatisch an — beim manuellen Zusammenbauen einer URL müssen Sie das selbst beachten.

Warum hier kodieren

Die gesamte Verarbeitung läuft lokal über JavaScript — nichts wird an einen Server übertragen, prüfen Sie es im Netzwerk-Tab Ihres Browsers.

Der Wechsel zwischen den beiden Modi (kodieren vs. reservierte Zeichen erhalten) erspart die wiederkehrende Verwechslung zwischen encodeURI und encodeURIComponent, und die Option „Leerzeichen als +“ deckt den Formularfall ab, ohne die Regel merken zu müssen.

Ein fehlendes % oder ein falsch kodiertes reserviertes Zeichen zerstört API-Aufrufe und Weiterleitungen ohne jede Warnung — die Ausgabe erscheint sofort, mit Zeichenzähler und Gültigkeits-Badge, sodass der Fehler sichtbar wird, bevor er zum Bug in Produktion wird.

Quick Tools vs. die Browser-Konsole

Gleiche Funktion, andere Erfahrung

Quick Tools
encodeURIComponent() in der Konsole
Wechselt reserviert vs. Komponente
ja
zwei verschiedene Funktionen
Leerzeichen als + mit einem Klick
ja
manuell
Live-Zeichenzähler
ja
nein
Nichts geht über das Netzwerk
ja
ja
Ohne DevTools zu öffnen
ja
nein

Häufig gestellte Fragen

encodeURI erhält strukturelle Zeichen (/ ? # & =) und eignet sich für vollständige URLs. encodeURIComponent kodiert auch diese und eignet sich für einen einzelnen Wert, etwa einen Query-String-Parameter.

Weiterführende Links

Verwandter Artikel

O que é URL encoding? Percent-encoding explicado

Verwandte Tools