URL-Encoder/Decoder

Was ist URL-Kodierung?

URL-Kodierung, auch als Percent-Encoding bekannt, wandelt Zeichen, die nicht unverändert in einer URL stehen dürfen, in Sequenzen mit % und Hexwerten um. Ein Leerzeichen wird zum Beispiel zu %20, und der Umlaut ä wird zu %C3%A4.

Das ist wichtig für Query-Parameter, Suchbegriffe, Kampagnenlinks, APIs, Formulare und jede URL, die Leerzeichen, Umlaute, Sonderzeichen oder anderen Unicode-Text enthält.

Wichtige Funktionen

• Kodieren und Dekodieren in einem Tool – Wechseln Sie direkt zwischen beiden Richtungen.
• Echtzeit-Umwandlung – Das Ergebnis aktualisiert sich sofort beim Eingeben oder Einfügen.
• Zwei Kodiermethoden – Nutzen Sie encodeURIComponent oder encodeURI passend zum Anwendungsfall.
• Schnelles Tauschen – Übernehmen Sie die Ausgabe mit einem Klick wieder als neue Eingabe.
• Direktes Kopieren – Übertragen Sie das Ergebnis sofort in Code, Tickets oder Dokumentation.
• Zeichenzähler – Vergleichen Sie die Länge vor und nach der Kodierung.

So verwenden Sie den URL-Encoder/Decoder

1. Modus auswählen – Nutzen Sie Kodieren für neue URL-Werte oder Dekodieren, um eine vorhandene Zeichenfolge lesbar zu machen.
2. Kodierart festlegen – Die vollständige Kodierung eignet sich für einzelne Parameterwerte, die teilweise Kodierung eher für komplette URLs.
3. Text oder URL einfügen – Geben Sie den Wert so ein, wie er im Browser, CMS, Tracking-Link oder Log vorliegt.
4. Ergebnis prüfen – Kontrollieren Sie, ob Sie eine vollständig maskierte Zeichenfolge oder nur einen sauber kodierten Parameter benötigen.
5. Kopieren und weiterverwenden – Übernehmen Sie das Ergebnis in API-Tests, Kampagnenlinks, Dokumentation oder Support-Tickets.

Vergleich der Kodiermethoden

Vollständige Kodierung (encodeURIComponent)

Diese Methode kodiert fast alle reservierten Zeichen. Sie eignet sich besonders für Query-Werte, Suchbegriffe, Namen mit Umlauten oder andere einzelne Parameterinhalte.

• Eingabe: https://beispiel.de/suche?q=größer als
• Ausgabe: https%3A%2F%2Fbeispiel.de%2Fsuche%3Fq%3Dgr%C3%B6%C3%9Fer%20als

Teilweise Kodierung (encodeURI)

Hier bleiben strukturelle URL-Zeichen wie :, /, ? und = erhalten. Kodiert werden vor allem Leerzeichen, Umlaute und andere Zeichen, die nicht unverändert übertragen werden sollten.

• Eingabe: https://beispiel.de/suche?q=größer als
• Ausgabe: https://beispiel.de/suche?q=gr%C3%B6%C3%9Fer%20als

Für wen ist das Tool nützlich?

• Webentwickler – Für Parameter, Callback-URLs, Routen und API-Tests.
• QA-Teams – Für die Prüfung kodierter URLs in Tickets, Logs und automatisierten Tests.
• SEO- und Content-Teams – Für Slugs, Kampagnenlinks und URLs mit Umlauten oder Leerzeichen.
• Analytics- und Ops-Teams – Für die schnelle Lesbarmachung von Tracking- oder Exportdaten.
• Support – Für die Analyse fehlerhafter oder unlesbarer Links aus Kundenvorgängen.

Datenschutz

Dieses Tool läuft zu 100 % im Browser. Eingegebene Inhalte werden nicht an einen Server übertragen und verschwinden, sobald Sie den Tab schließen. Dadurch können Sie auch interne Parameter, Kampagnenlinks oder sensible Zeichenfolgen lokal prüfen.

Wann ist das besonders hilfreich?

• Wenn Sie einen Wert kodieren müssen, bevor er in eine Query-String oder einen Tracking-Link eingefügt wird.
• Wenn Sie prüfen möchten, warum eine URL mit Umlauten, Leerzeichen oder Sonderzeichen nicht funktioniert.
• Wenn Sie UTM-Parameter, Dateinamen oder Pfade mit internationalem Text kontrollieren.
• Wenn Sie eine kodierte Zeichenfolge aus Logs, Webhooks oder Support-Systemen schnell lesbar machen müssen.
• Wenn Sie verifizieren möchten, ob Ihre Anwendung encodeURI, encodeURIComponent oder ein formularspezifisches Escape-Verfahren erwartet.

Details

Das Ergebnis hängt vom gewählten Modus und der verwendeten Kodiermethode ab. Das Tool nutzt die Standardfunktionen von JavaScript, damit sich das typische Browserverhalten für schnelle Tests und manuelle Kontrollen reproduzieren lässt.

Wenn Ihr Backend application/x-www-form-urlencoded, signierte Tokens oder eigene Escape-Regeln verwendet, sollten Sie das Endformat zusätzlich in Ihrer technischen Dokumentation oder im Zielsystem verifizieren.

Häufige Fragen