KODIERUNGS-TOOL

URL Encoder/Decoder

URLs nach RFC 3986 kodieren und dekodieren. Mit Komponenten-Modus, Query-String-Parser und Zeichen-Analyse. 100% lokal im Browser.

URL Encode URL Decode RFC 3986 Query-Parser

Hinweis: Dieses Tool kodiert und dekodiert URLs nach RFC 3986 (Uniform Resource Identifier). Alle Berechnungen erfolgen lokal im Browser – deine URLs werden niemals hochgeladen.

Inhaltsverzeichnis

             Schnellübersicht
            URL Encoder/Decoder: URLs nach RFC 3986 kodieren und dekodieren
Komponenten-Modus: Einzelne URL-Teile (Host, Pfad, Query, Fragment)
Query-String-Parser: Parameter extrahieren und analysieren
Batch-Modus: Mehrere Zeilen gleichzeitig verarbeiten
Zeichen-Analyse: Zeichen-für-Zeichen-Anzeige
Theorie: Über URL-Kodierung und RFC 3986
Geschichte: Von URLs zu IRIs
FAQ: Häufige Fragen zu URL-Kodierung

        

1. URL Encoder/Decoder

Wähle einen Modus und kodiere oder dekodiere deine URL.

Eingabe Vollständige URL eingeben – wird automatisch verarbeitet

Wichtige URL-Zeichen

Zeichen	Name	Kodiert	Bedeutung
Space	Leerzeichen	%20 oder +	Muss kodiert werden
/	Slash	%2F	Trennt Pfad-Segmente
?	Fragezeichen	%3F	Beginnt Query-String
#	Raute	%23	Beginnt Fragment
&	Ampersand	%26	Trennt Parameter
=	Gleich	%3D	Trennt Key/Value
%	Prozent	%25	Beginnt Escape-Sequenz
+	Plus	%2B	Alternative für Leerzeichen
ä	Umlaut a	%C3%A4	UTF-8, 2 Bytes
€	Euro-Zeichen	%E2%82%AC	UTF-8, 3 Bytes

2. Theorie – URL-Kodierung

Verstehe, warum URLs kodiert werden müssen und welche Zeichen erlaubt sind.

Was ist URL-Kodierung?

URL-Kodierung (Percent-Encoding) ersetzt Sonderzeichen durch Prozent-Sequenzen:

Format: %XX (Hexadezimal)
Beispiel: Leerzeichen → %20
Grund: URLs dürfen nur ASCII-Zeichen enthalten
RFC 3986: Definiert erlaubte Zeichen

Hallo Welt → Hallo%20Welt

Warum URL-Kodierung?

Sonderzeichen haben in URLs eine besondere Bedeutung:

Leerzeichen: Nicht erlaubt in URLs
&: Trennt Parameter
=: Trennt Key/Value
#: Beginnt Fragment
?: Beginnt Query-String

Problem: Wie unterscheidet man Daten von Steuerzeichen?

q=Hello&World → q=Hello%26World

Reserved vs. Unreserved

RFC 3986 teilt Zeichen in zwei Klassen:

Unreserved: A-Z, a-z, 0-9, -, _, ., ~
Reserved: :, /, ?, #, [, ], @, !, $, &, ', (, ), *, +, ,, ;, =
Unreserved: Bleiben unverändert
Reserved: Müssen kodiert werden (wenn Daten)

A-Z, a-z, 0-9 bleiben unverändert

Best Practices

encodeURIComponent: Für Parameter-Werte
encodeURI: Für vollständige URLs
UTF-8: Standard-Kodierung für Unicode
Doppelte Kodierung: Vermeiden!
URLSearchParams: In JS für Query-Strings
Nicht kodieren: Hostname (meist)

new URLSearchParams({ q: 'Hallo Welt' }).toString()

Wussten Sie schon?

Die URL-Kodierung wurde ursprünglich für das World Wide Web 1994 von Tim Berners-Lee am CERN eingeführt. Der Standard RFC 3986 (2005) definiert heute genau, welche Zeichen erlaubt sind. Besonders wichtig: Leerzeichen sind in URLs nicht erlaubt und müssen als %20 kodiert werden. Ältere Systeme akzeptieren auch +, aber moderne URLs sollten %20 verwenden.

3. Geschichte der URLs

Von der ersten URL zu IRIs und Unicode-Domains.

1994

Erste URL

Tim Berners-Lee definiert die erste URL am CERN: http://info.cern.ch/. Das World Wide Web beginnt. URLs sind noch sehr einfach strukturiert.

1994

RFC 1738

RFC 1738 standardisiert URLs. Definiert Syntax, erlaubte Zeichen und Kodierung. Grundlage für alle modernen URL-Standards.

1998

RFC 2396

RFC 2396 erweitert URLs zu URIs. Trennt zwischen Reserved und Unreserved Zeichen. Definiert die Grundlagen der modernen URL-Kodierung.

2000er

Internationalisierung (IRI)

IRIs (Internationalized Resource Identifiers) erlauben Unicode in URLs. Erste Browser unterstützen Unicode-Domains (z.B. münchen.de).

2005

RFC 3986

RFC 3986 ersetzt RFC 2396. Aktueller Standard für URI-Syntax. Definiert exakt, welche Zeichen wann kodiert werden müssen.

2010er

URLSearchParams

URLSearchParams in JavaScript vereinfacht Query-String-Handling. Moderne Browser stellen die API nativ bereit.

2017

HTTPS & SEO

HTTPS wird Ranking-Faktor bei Google. URLs werden zunehmend kürzer und "sprechender". Encoding bleibt technisch relevant.

Heute

URLs im Alltag

URL-Kodierung bleibt essentiell für Web, APIs und mobile Apps. Moderne Frameworks übernehmen Encoding oft automatisch.

4. FAQ – Häufige Fragen

Häufige Fragen zu URL-Kodierung

Was ist URL-Kodierung und warum brauche ich sie?

URL-Kodierung (Percent-Encoding) wandelt Sonderzeichen in URLs in sichere Formate um:

Format: %XX (Hexadezimal)
Beispiel: Hallo Welt → Hallo%20Welt
Grund: URLs erlauben nur ASCII-Zeichen

Wann brauchst du URL-Kodierung?

Suchbegriffe mit Leerzeichen oder Umlauten
Query-Parameter mit Sonderzeichen
Dateinamen mit Leerzeichen
API-Requests mit speziellen Werten

Was ist der Unterschied zwischen %20 und +?

Beide können Leerzeichen darstellen, aber mit Unterschieden:

Format	Verwendung	Standard
`%20`	Überall in URLs	RFC 3986
`+`	Nur in Query-Strings	HTML-Forms (application/x-www-form-urlencoded)

Beispiele:

Pfad: /mein%20ordner/ (nur %20)
Query: ?q=hallo+welt (beide möglich)

Empfehlung: Verwende %20 für maximale Kompatibilität.

Was ist der Unterschied zwischen encodeURI und encodeURIComponent?

Funktion	Verwendung	Kodiert
`encodeURI()`	Vollständige URLs	Nur ungültige Zeichen
`encodeURIComponent()`	Einzelne Parameter	Alle Sonderzeichen

Beispiel:

encodeURI('https://example.com/path?q=hello world')
→ https://example.com/path?q=hello%20world

encodeURIComponent('hello world&test=1')
→ hello%20world%26test%3D1

Faustregel:

Ganze URL: encodeURI()
Parameter-Wert: encodeURIComponent()

Welche Zeichen müssen kodiert werden?

RFC 3986 teilt Zeichen in drei Klassen:

Klasse	Zeichen	Kodierung
Unreserved	A-Z, a-z, 0-9, -, _, ., ~	Nicht kodieren
Reserved (Steuerzeichen)	: / ? # [ ] @ ! $ & ' ( ) * + , ; =	Je nach Kontext
Sonstige	Leerzeichen, Umlaute, Sonderzeichen	Immer kodieren

Beispiele:

Leerzeichen → %20
& → %26 (wenn Daten, nicht Trenner)
= → %3D (wenn Daten, nicht Trenner)
ä → %C3%A4 (UTF-8)
€ → %E2%82%AC (UTF-8)

Was sind die häufigsten Fehler?

Häufige Fehler:

Doppelte Kodierung: %2520 statt %20
Falsche Funktion: encodeURI für Parameter
Leerzeichen nicht kodiert: Führt zu Fehlern
Umlaute nicht kodiert: Browser-abhängig
Sonderzeichen in Query: & und = als Daten

Beispiel Fehler:

Falsch: ?q=Hello%20World%2520Test
Richtig: ?q=Hello%20World%20Test

Lösung: Nur einmal kodieren, richtige Funktion wählen.

Wie funktioniert UTF-8 in URLs?

UTF-8 ist die Standard-Kodierung für Unicode in URLs:

ASCII: 1 Byte (0-127)
Lateinisch: 2 Bytes (128-2047)
Asiatisch: 3 Bytes (2048-65535)
Emoji: 4 Bytes (ab 65536)

Beispiele:

ä → UTF-8: C3 A4 → URL: %C3%A4
€ → UTF-8: E2 82 AC → URL: %E2%82%AC
😀 → UTF-8: F0 9F 98 80 → URL: %F0%9F%98%80

Wichtig: Jedes Byte wird einzeln mit % kodiert.

Was ist eine Data-URL?

Data-URLs kodieren Daten direkt in die URL:

Format: data:[<MIME>][;base64],<data>
Verwendung: Bilder, kleine Dateien einbetten
Vorteil: Kein extra HTTP-Request
Nachteil: Größe, kein Caching

Beispiel:

data:image/png;base64,iVBORw0KGgoAAAANS...
data:text/plain,Hallo%20Welt

Achtung: Base64-Codierung ist etwas anderes als URL-Encoding!

Wie gehe ich mit langen URLs um?

URL-Länge ist begrenzt:

IE: 2.083 Zeichen
Chrome: 32.779 Zeichen (praktisch unbegrenzt)
Firefox: ~65.000 Zeichen
Safari: ~80.000 Zeichen

Bei langen URLs:

POST statt GET: Daten im Body
URL-Shortener: bit.ly, TinyURL
Session: Daten in Session speichern
Token: Kurz-ID statt langer Daten

Best Practice: URLs unter 2.000 Zeichen halten.

Zusammenfassung

Die wichtigsten Punkte

URL-Kodierung: Sonderzeichen als %XX (Hexadezimal)
RFC 3986: Aktueller Standard für URI-Syntax
Leerzeichen: %20 (oder + in Query-Strings)
UTF-8: Standard für Unicode (ä → %C3%A4)
encodeURI vs. encodeURIComponent: URL vs. Parameter
Reserved: : / ? # [ ] @ ! $ & ' ( ) * + , ; =
Unreserved: A-Z, a-z, 0-9, -, _, ., ~
Doppelte Kodierung: Vermeiden!
URLSearchParams: JS-API für Query-Strings
Unser Tool: Encode/Decode mit Query-Parser und Batch

Weitere Kodierungs-Tools

Base64 Encoder/Decoder

Text und Dateien in Base64 umwandeln und zurück.

Zum Tool

HTML Encoder/Decoder

HTML-Entities kodieren und dekodieren für sichere Ausgabe.

Zum Tool

Hash Generator

MD5, SHA-1, SHA-256 und SHA-512 für Text und Dateien.

Zum Tool

Text ↔ Binary

Text in Binärcode umwandeln und zurück.

Zum Tool