HTML-Tools

Kostenlose URL-Encoder und -Decoder

Kodieren oder dekodieren Sie URL-kodierte Zeichenfolgen. Unterstützt sowohl encodeURIComponent (vollständig) als auch encodeURI (URL-sicher) Modi.

Tool wird geladen...

Was ist URL-Encoder und -Decoder?

Ein browserbasierter URL-Encoder und -Decoder. Konvertieren Sie Text in das Prozentkodierungsformat zur sicheren Einbindung in URLs, Abfrageparameter und API-Anfragen. Unterstützt zwei Modi: encodeURIComponent (kodiert alle Sonderzeichen für Abfragewerte) und encodeURI (bewahrt URL-Strukturzeichen wie : / ? & =).

Kurze Antwort

Kodieren oder dekodieren Sie URL-kodierten Text mit einem Klick. Wählen Sie vollständige Kodierung (encodeURIComponent) für Abfragewerte oder URL-sichere Kodierung (encodeURI) für vollständige URLs.

Einschränkungen

  • Unterstützt keine Nicht-UTF-8-Zeichenkodierungen – die gesamte Eingabe wird als UTF-8-Text angenommen.
  • Unterstützt keine Batch-Kodierung mehrerer URLs – jede Eingabe wird einzeln verarbeitet.
  • Sehr lange Eingabezeichenfolgen (über 1 MB) können im Browser langsam zu kodieren sein.

So nutzt du dieses Tool

  1. Wählen Sie die Richtung Kodieren oder Dekodieren.
  2. Wählen Sie den Kodierungsmodus: Komponente (vollständig) für Abfrageparameterwerte oder URI (sicher) für vollständige URLs.
  3. Fügen Sie Ihren Text ein und kopieren Sie das Ergebnis.
  4. Überprüfen Sie das kodierte oder dekodierte Ergebnis. Wechseln Sie zwischen den Modi, um die Ausgaben zu vergleichen.

Wofür du es nutzen kannst

  • Kodieren Sie Sonderzeichen in Abfrageparameterwerten, bevor Sie sie zu einer URL hinzufügen.
  • Dekodieren Sie eine unübersichtliche URL aus der Browser-Adressleiste, um den ursprünglichen lesbaren Text zu sehen.
  • Erstellen Sie UTM-Parameter für Marketing-Links mit korrekter Kodierung von Leerzeichen und Sonderzeichen.

Anwendungsfalle

Praxisbeispiele

Beispiel

Abfrageparameterwerte kodieren

Ein Entwickler erstellt eine Such-URL mit Benutzereingabe. Er kodiert den Suchbegriff 'hello world & more' zu 'hello%20world%20%26%20more' mit encodeURIComponent, bevor er ihn zur Abfragezeichenfolge hinzufügt.

Beispiel

Eine kopierte URL dekodieren

Ein Vermarkter kopiert eine lange URL mit vielen Prozentkodierungen. Er fügt sie in den Decoder ein und sieht die lesbare URL mit tatsächlichen Leerzeichen, Und-Zeichen und Sonderzeichen wiederhergestellt.

Haufige Fehler

  • Verwendung von encodeURI beim Kodieren von Abfrageparameterwerten – encodeURI bewahrt & und =, was die Abfragezeichenfolgen-Analyse unterbricht. Verwenden Sie encodeURIComponent für Parameterwerte.
  • Doppelte Kodierung – das Kodieren einer bereits kodierten Zeichenfolge erzeugt verstümmelte Ausgabe wie %25 für ein Prozentzeichen.
  • Vergessen, die Zeichen ? und # in Benutzereingaben zu kodieren – diese Zeichen haben eine besondere Bedeutung in der URL-Analyse.

Überprüfung

  1. Kodieren Sie einen String mit Leerzeichen und Sonderzeichen wie 'hallo welt & test' und überprüfen Sie, ob Leerzeichen zu %20 und & zu %26 werden.
  2. Dekodieren Sie eine prozentkodierte Zeichenfolge und überprüfen Sie, ob alle Sonderzeichen korrekt wiederhergestellt werden.

FAQ

Fragen zu URL-Encoder und -Decoder

Was ist der Unterschied zwischen encodeURI und encodeURIComponent?

encodeURI dient zur Kodierung einer vollständigen URL – es bewahrt Zeichen mit struktureller Bedeutung wie : / ? & = #. encodeURIComponent kodiert ALLES, einschließlich dieser Strukturzeichen. Verwenden Sie encodeURI für vollständige URLs, encodeURIComponent für einzelne Abfrageparameterwerte.

Warum sehe ich %20 in URLs?

%20 ist die prozentkodierte Form eines Leerzeichens. URLs können keine literalen Leerzeichen enthalten, daher werden Leerzeichen als %20 (oder manchmal + in Abfragezeichenfolgen) kodiert. Andere Sonderzeichen wie &, =, ? und # werden ebenfalls prozentkodiert, um nicht als URL-Syntax interpretiert zu werden.

Verwandte Tools

Weitere html-tools

Auch ausprobieren

Auch ausprobieren