URL Encoder & Decoder – URL online coderen en decoderen

In een URL zijn maar weinig tekens toegestaan. Alle andere worden geschreven als % gevolgd door twee hexadecimale cijfers, voor elke byte van het teken in UTF-8. Een spatie wordt %20, een ‘ä’ wordt %C3%A4 (twee bytes), een ‘€’ wordt %E2%82%AC (drie bytes) en een emoji zoals 😀 wordt %F0%9F%98%80 (vier bytes). Dit heet ook procentcodering of URL-encoding, onder ontwikkelaars kortweg URL encode. De omgekeerde bewerking heet URL decode.

%20 is een gecodeerde spatie: 20 is de hexadecimale waarde van de spatie. Zo staat %3D voor =, %26 voor &, %2F voor / en %2C voor een komma. %20 werkt overal in een URL. De + voor een spatie komt alleen voor in het formulierformaat (application/x-www-form-urlencoded), dus in querystrings die door een HTML-formulier worden gemaakt. In een pad is + een echt plusteken. ‘Käse & Brot’ wordt als formulierwaarde ‘K%C3%A4se+%26+Brot’ en met encodeURIComponent ‘K%C3%A4se%20%26%20Brot’. Kies bij het decoderen daarom de passende variant: ‘Formulier’ voor gegevens uit formulieren en zoekopdrachten.

encodeURI laat de scheidingstekens van een URL staan: ; , / ? : @ & = + $ #. encodeURIComponent codeert ze ook. ‘a/b?c=d’ wordt met encodeURI ‘a/b?c=d’ en met encodeURIComponent ‘a%2Fb%3Fc%3Dd’. Gebruik encodeURI voor een volledig adres. Gebruik encodeURIComponent voor een afzonderlijke waarde die in een URL wordt ingevoegd; anders kan een & of = in de waarde de parameters verstoren.

Kies ‘Decoderen’ en voer hierboven de gecodeerde URL of tekst in. ‘M%C3%BCller%20%26%20S%C3%B6hne’ wordt ‘Müller & Söhne’. Bij een URL splitst de tool het adres ook op in onderdelen zoals schema, host, pad, query en fragment. De queryparameters verschijnen in een tabel met naam, gedecodeerde waarde en ruwe waarde, bijvoorbeeld q = groene tomaten in plaats van gr%C3%BCne%20Tomaten. Parameters staan achter ?, naam en waarde zijn gescheiden door = en meerdere parameters door &. Kies voor gegevens uit een formulier of zoekopdracht de variant ‘Formulier’, zodat een + ook als spatie wordt gelezen.

De letters A tot Z en a tot z, de cijfers 0 tot 9 en de tekens -_.~ blijven ongewijzigd. Alleen het formulierformaat codeert de tilde als %7E. De scheidingstekens : / ? # [ ] @ ! $ & ' ( ) * + , ; = zijn alleen toegestaan in hun specifieke functie, bijvoorbeeld & tussen twee parameters. Onder meer spaties, aanhalingstekens, %, < > ^ { | } en alle tekens buiten ASCII, zoals umlauten en emoji's, moeten worden gecodeerd. encodeURIComponent laat daarnaast ! * ' ( ) ongemoeid; de strikte variant volgens RFC 3986 codeert ook die tekens. De tekentabel hierboven toont de meest voorkomende speciale tekens en hun resultaat.

Niet rechtstreeks: ze worden gecodeerd. Letters zoals ‘ä’, ‘ß’, ‘é’, ‘ñ’ en ‘å’ nemen in UTF-8 elk twee bytes in. ‘ä’ wordt %C3%A4, ‘ß’ wordt %C3%9F, ‘é’ wordt %C3%A9, ‘ñ’ wordt %C3%B1 en ‘å’ wordt %C3%A5. Een spatie wordt %20, of + in formulieren. Browsers tonen het adres vaak leesbaar en coderen het pas bij het verzenden. In links die je zelf schrijft, codeer je de waarde met encodeURIComponent of deze tool. De tabel ‘Wat er met je tekens gebeurt’ toont het Unicode-nummer en de bytes van de vervangen tekens. Umlauten in een domeinnaam worden niet met procentcodering verwerkt, maar met Punycode omgezet (müller.de wordt xn--mller-kva.de). Dat doet deze tool niet.

Als een al gecodeerde tekst opnieuw wordt gecodeerd, verandert % in %25: ‘%20’ wordt ‘%2520’. Je herkent dit aan %25 gevolgd door twee cijfers, en aan de %XX-reeksen die na het decoderen nog in het resultaat staan. De tool wijst je hierop en biedt ‘Nogmaals decoderen’ aan. Je voorkomt dit door elke waarde precies één keer te coderen, pas wanneer je de URL samenstelt.

Tegenwoordig is UTF-8 de standaard; daarin is ‘ä’ = %C3%A4. Oudere sites en systemen gebruiken soms ISO-8859-1 (Latin-1); daarin is ‘ä’ = %E4 en ‘é’ = %E9. Een losse %E4 is ongeldig in UTF-8: de tool geeft de positie aan en biedt ‘ISO-8859-1 gebruiken’ aan. Met die tekenset wordt ‘K%E4se’ weer ‘Käse’. Tekens die niet in ISO-8859-1 voorkomen, zoals ‘€’, kun je er niet mee coderen. Schakel daarvoor terug naar UTF-8.

Nee. Het coderen en decoderen gebeurt in je browser. Je tekst wordt niet geüpload of opgeslagen. Dat geldt ook voor URL's met tokens of inloggegevens. De tool is gratis en werkt zonder aanmelding.