← Alle Tools Dev Tools

URL-Kodierer / Dekodierer

URLs und Query-Strings für sichere Übertragung kodieren oder dekodieren.

Modus

encodeURIComponent()

0 Z.
Häufige kodierte Zeichen
space%20
!%21
#%23
$%24
&%26
'%27
(%28
)%29
+%2B
/%2F
:%3A
=%3D
?%3F
@%40
[%5B
]%5D

100% clientseitig

Alle Kodierungen laufen vollständig in Ihrem Browser. Ihre Daten werden nie an einen Server gesendet.

Warum URLs kodiert werden müssen

Eine URL kann nur einen begrenzten Satz von ASCII-Zeichen enthalten. Leerzeichen, akzentuierte Zeichen (é, ü, ñ), nicht-lateinische Schriften (Arabisch, Chinesisch, Japanisch) und reservierte Satzzeichen sind in URLs so nicht erlaubt. Prozent-Kodierung konvertiert unsichere Zeichen: jedes Zeichen wird durch `%` gefolgt von zwei Hexadezimalziffern ersetzt.

Ohne Kodierung würde eine URL wie `https://example.com/suche?q=Café au lait` brechen. Korrekt kodiert: `https://example.com/suche?q=Caf%C3%A9%20au%20lait`.

encodeURI vs encodeURIComponent

`encodeURI()` kodiert eine vollständige URL und bewahrt Zeichen mit struktureller Bedeutung in einer URL. Verwende dies, wenn du eine vollständige URL hast und sie nur für die Übertragung sicher machen möchtest.

`encodeURIComponent()` ist aggressiver — es kodiert alles außer Buchstaben, Ziffern und wenigen Sonderzeichen. Verwende es für einzelne Query-Parameter-Werte oder Pfadsegmente.

Häufige Kodierungsfallen

Doppelkodierung: Eine bereits kodierte Zeichenkette zu kodieren, erzeugt `%2520` statt `%20`. Immer zuerst dekodieren, dann bei Bedarf neu kodieren. Plus vs. Leerzeichen: In Query-Strings steht `+` manchmal für ein Leerzeichen. In URL-Pfaden müssen Leerzeichen immer `%20` sein.

FAQ

Was ist Prozent-Kodierung?

Prozent-Kodierung (URL-Kodierung) ersetzt jedes unsichere Zeichen durch `%` gefolgt von zwei Hexadezimalziffern: dem UTF-8-Byte-Wert dieses Zeichens. Ein Leerzeichen wird zu `%20`, `é` wird zu `%C3%A9`.

Wann encodeURI vs encodeURIComponent verwenden?

Verwende encodeURI() für eine vollständige URL, die du sicher machen möchtest, während du ihre Struktur bewahrst. Verwende encodeURIComponent() für einzelne Werte, die innerhalb einer URL platziert werden.

Warum enthält meine kodierte URL %20 statt + für Leerzeichen?

%20 ist die standardmäßige RFC 3986 Prozent-Kodierung für ein Leerzeichen, überall in einer URL gültig. Das `+`-Zeichen steht nur in `application/x-www-form-urlencoded`-Inhalten für ein Leerzeichen.

Was passiert, wenn ich eine bereits kodierte URL kodiere?

Doppelkodierung entsteht. Das `%`-Zeichen in `%20` wird als `%25` kodiert und erzeugt `%2520`. Immer zuerst dekodieren, bevor neu kodiert wird.

Verarbeitet der Dekodierer internationale Zeichen korrekt?

Ja. Der Dekodierer verarbeitet mehrbyte UTF-8-Sequenzen korrekt, sodass Arabisch, Chinesisch, Japanisch und alle Unicode-Schriften korrekt dekodiert werden.

Ähnliche Tools