Was bedeutet URL-Kodierung?
In einer URL dürfen nur bestimmte Zeichen direkt vorkommen. Leerzeichen, Umlaute wie ä oder ö und Zeichen mit besonderer Bedeutung wie &, = oder ? müssen als Prozent-Sequenz geschrieben werden: Ein Leerzeichen wird zu %20, ein ä zu %C3%A4. Diese Umwandlung heißt URL-Kodierung oder Prozentkodierung.
Der Encoder kennt zwei Modi. Im Modus „Parameterwert“ wird alles kodiert, was in einem Wert stören könnte, auch & = ? / und : – das entspricht encodeURIComponent in JavaScript. So können Sie zum Beispiel eine komplette URL sicher als Wert eines anderen Parameters einfügen. Im Modus „Ganze URL“ bleiben die Zeichen erhalten, die eine URL strukturieren (: / ? & = #), und nur der Rest wird kodiert – das entspricht encodeURI.
Optional werden Leerzeichen als + statt %20 geschrieben, wie es Formulare im Format application/x-www-form-urlencoded tun. Die Kodierung verwendet UTF-8, sodass Umlaute, ß, Akzente und Emojis korrekt umgewandelt werden. Alles geschieht in Ihrem Browser.
So kodieren Sie eine URL
- Fügen Sie den Text oder die URL in das Eingabefeld ein.
- Wählen Sie den Modus: „Parameterwert“ für einen einzelnen Wert oder „Ganze URL“ für eine vollständige Adresse.
- Aktivieren Sie bei Bedarf „Leerzeichen als +“.
- Kopieren Sie das kodierte Ergebnis.
Wann ist das nützlich?
- Einen Suchbegriff mit Umlauten oder Leerzeichen in einen Link einbauen.
- Eine komplette URL als Parameter an eine andere URL anhängen, etwa für Weiterleitungen oder Teilen-Links.
- Werte für API-Aufrufe oder Query-Strings von Hand vorbereiten.
- Nachvollziehen, wie ein Browser oder ein Formular Sonderzeichen kodiert.
encodeURI oder encodeURIComponent?
- encodeURIComponent (Modus „Parameterwert“): kodiert auch : / ? & = #. Richtig für einzelne Werte, die in eine URL eingesetzt werden, etwa ?redirect=https%3A%2F%2Fexample.com%2F.
- encodeURI (Modus „Ganze URL“): lässt : / ? & = # stehen und kodiert nur Leerzeichen, Umlaute und andere unzulässige Zeichen. Richtig für eine vollständige URL, die lesbar und funktionsfähig bleiben soll.
- Faustregel: Wenn Sie eine ganze URL mit encodeURIComponent kodieren, ist sie als Link nicht mehr nutzbar. Wenn Sie einen Wert mit & oder = nur mit encodeURI kodieren, zerbricht er die Parameter.
- Leerzeichen als +: nur für Query-Strings im Formularformat üblich. Im Pfad einer URL steht ein Leerzeichen immer als %20.
Häufig gestellte Fragen
Wie wird ein Leerzeichen in einer URL kodiert?
Als %20. In Query-Strings, die wie Formulardaten aufgebaut sind, ist auch + üblich. Mit der Option „Leerzeichen als +“ wählen Sie diese Schreibweise.
Wie werden Umlaute kodiert?
In UTF-8 als zwei Bytes: ä wird zu %C3%A4, ö zu %C3%B6, ü zu %C3%BC und ß zu %C3%9F.
Welchen Modus soll ich wählen?
„Parameterwert“ für einen einzelnen Wert, der in eine URL eingesetzt wird; „Ganze URL“, wenn Sie eine vollständige Adresse kodieren und die Struktur mit : / ? & = # erhalten möchten.
Wird mein Text an einen Server gesendet?
Nein. Die Kodierung erfolgt vollständig in Ihrem Browser.
Kann ich mehrere URLs auf einmal kodieren?
Der gesamte Inhalt des Textfelds wird als ein Eintrag kodiert. Kostenlos können Sie das Werkzeug einmal testen und die Optionen dabei beliebig wechseln; mit ToolStudio Pro nutzen Sie es unbegrenzt.
Was kostet ToolStudio Pro?
1,99 € im Monat, jederzeit kündbar, für alle Werkzeuge ohne Limit und ohne Werbung.