Einführung
Der URL-Encoder/Decoder hilft Entwicklern, QA-Teams und Content-Teams dabei, Text für URLs direkt im Browser sicher umzuwandeln. Du kannst Query-Werte, Pfadsegmente, komplette URLs und Formularwerte kodieren oder bestehende Prozentkodierung dekodieren, um Logs, Links oder API-Daten leichter zu prüfen.
So wird es verwendet
Wähle Auto, Kodieren oder Dekodieren und entscheide dich dann für die passende Strategie: Komponente für Query-Werte und freien Text, Komplette URL für ganze Links oder Formularwert für application/x-www-form-urlencoded Inhalte. Füge deine Eingabe ein, verarbeite bei Bedarf jede Zeile separat und kopiere, tausche oder lade das Ergebnis herunter.
Funktionen
- •Kodiert und dekodiert URL-Komponenten, komplette Links und Formularwerte
- •Automodus wählt die Richtung anhand typischer Prozentkodierungs-Muster
- •Eigene Strategien für encodeURIComponent, encodeURI und Formularwerte
- •Optionale Zeilenverarbeitung für mehrere Werte auf einmal
- •Großgeschriebene Prozent-Escapes für einheitliche Ausgabe
- •Schnelle Aktionen zum Kopieren, Tauschen und Herunterladen
- •Lokale Browser-Verarbeitung ohne Server-Upload
Wann Komponente und wann komplette URL?
Verwende Komponenten-Kodierung, wenn du mit einem einzelnen Wert arbeitest, etwa einem Suchbegriff, Tag, Pfadsegment oder Dateinamen. Dabei werden auch Trennzeichen wie &, = und / kodiert, was für Query-Werte und dynamische Routenstücke sicherer ist.
Verwende den Modus Komplette URL, wenn du bereits einen vollständigen Link hast und seine Struktur lesbar bleiben soll. So lassen sich Leerzeichen, Unicode-Zeichen und unsichere Zeichen kodieren, ohne https://, /, ?, & oder # zu zerstören.
Query-Strings und Formularwerte
Query-Parameter nutzen häufig Prozent-Escapes, während klassische HTML-Formulare application/x-www-form-urlencoded verwenden, bei dem Leerzeichen zu + werden. Dieser Unterschied ist wichtig. Wenn Formularwerte mit der falschen Strategie dekodiert werden, bleiben Pluszeichen möglicherweise sichtbar.
Häufige Fehler
Ein typischer Fehler ist, eine komplette URL mit encodeURIComponent zu kodieren und trotzdem eine gut lesbare Ausgabe zu erwarten. Ebenfalls häufig: Klartext mit einem Prozentzeichen wie 100% fertig zu dekodieren. Auto hilft bei der Erkennung, aber die bewusste Wahl der richtigen Strategie ist trotzdem sinnvoll.
Datenschutz und Sicherheit
URL-Encoding ist Formatierung, keine Sicherheit. Es versteckt keine Secrets, Tokens, Passwörter oder personenbezogenen Daten. Dieses Tool arbeitet lokal im Browser, was gut für die Privatsphäre ist, aber sensible kodierte Werte sollten trotzdem nicht unnötig in Logs, Screenshots oder Tickets landen.
Leitfaden für Encoding-Strategien
Wähle die Strategie passend zur Art des Strings.
| Strategie | Was kodiert wird | Typischer Einsatz |
|---|---|---|
| Komponente | Kodiert Trennzeichen wie &, =, / und ? | Query-Werte, Pfadsegmente, Dateinamen, dynamischer Text |
| Komplette URL | Lässt Strukturzeichen lesbar | Vollständige URLs, die nur Leerzeichen oder Unicode kodieren sollen |
| Formularwert | Verwendet Pluszeichen für Leerzeichen | HTML-Formulardaten und klassische Query-String-Werte |
Häufige Fehler bei URL-Encoding
Diese Muster erklären, warum ein Ergebnis falsch aussehen kann, obwohl es formal gültig ist.
| Situation | Bessere Wahl | Warum |
|---|---|---|
| Komplette URL als Komponente kodieren | Komplette URL verwenden | Der ganze Link wird schwerer lesbar und unpraktischer |
| Formulardaten ohne + zu behandeln dekodieren | Formularwert verwenden | Pluszeichen stehen dort meist für Leerzeichen |
| Klartext mit % dekodieren | Kodieren oder Auto verwenden | Nicht jedes Prozentzeichen beginnt eine Escape-Sequenz |
| Kodierte Secrets weitergeben | Echtes Secret-Management nutzen | Kodierung ist keine Verschlüsselung |
Häufig gestellte Fragen
Was ist der Unterschied zwischen encodeURI und encodeURIComponent?
encodeURIComponent ist für einzelne Werte gedacht und kodiert auch Trennzeichen wie kaufmännisches Und oder Schrägstriche. encodeURI ist für eine ganze URL gedacht und lässt Strukturzeichen lesbar.
Warum wird ein Pluszeichen im Formularmodus zu einem Leerzeichen?
Klassische Formular-Kodierung verwendet Pluszeichen als Darstellung für Leerzeichen. Der Formularmodus folgt dieser Konvention in beide Richtungen.
Ist URL-Encoding dasselbe wie Verschlüsselung?
Nein. URL-Encoding schreibt Text nur in ein transporttaugliches Format um. Jeder kann es wieder zurückwandeln.
Kann ich eine komplette URL in das Tool einfügen?
Ja. Der Modus Komplette URL ist genau dafür gedacht. Für nur einen Teil einer URL ist Komponenten-Kodierung besser geeignet.
Werden meine Eingaben an einen Server gesendet?
Nein. Die gesamte Kodierung und Dekodierung läuft lokal in deinem Browser.