{# Als einziges Symbol OHNE fill-Attribut: Der Stern zeigt seinen Zustand ueber die Flaeche (.sts-star[aria-pressed="true"] svg { fill: currentColor }). Ein fill am symbol waere ein Praesentationsattribut und schluege die geerbte CSS-Angabe - der gemerkte Stern bliebe dann eine Kontur. #} {# Bedienungssymbole des Notizblocks. Quelle: Lucide (ISC-Lizenz), wie in der Design-Uebergabe "Alltagswerkzeuge v2". Geometrisch statt handgezeichnet: sie stehen in Leisten neben Text, nicht als Kategoriezeichen. #}
Small Things Sorted

URL encode and decode

For a single value or for a whole address – the difference matters.

What you type is processed in your browser and never sent to us.

How to do it

  1. Pick a direction and scope

    Value or whole address – this is the choice that matters.

  2. Paste your input

    The result updates immediately.

  3. Copy it

    Ready for the query string.

What this is for

Anything that goes into a web address has to be encoded, or a stray ampersand ends the parameter early and the rest is lost.

The important choice is scope. A single value should have everything encoded, including slashes and question marks. A whole address must keep them – otherwise the address stops being one.

Common questions

If you are filling in one parameter, choose the value. If you are cleaning up a complete link, choose the address.

A percent sign has to be followed by two hex digits. A lone % is not valid and is reported rather than guessed at.

Usually a lone percent sign is sitting in the text, or a percent sequence is incomplete. A literal percent sign has to be written as %25 itself.

Missing a tool? Tell us which one.