Monu Tools

URL-encoder / decoder

Percent-encodeer en decodeer URL's en URL-componenten, UTF-8-veilig.

Hoe gebruik je URL-encoder

  1. 01

    Plak je tekst of URL.

  2. 02

    Kies coderen of decoderen, en component- of volledige-URL-bereik.

  3. 03

    Kopieer het resultaat.

Wat percent-encoding doet

URL's mogen maar een beperkte set tekens bevatten, dus alles buiten die set, zoals spaties, letters met accenten en gereserveerde symbolen als & ? / =, moet worden gecodeerd. Percent-encoding vervangt elke zo'n byte door een procentteken en de bijbehorende tweecijferige hexadecimale waarde, waardoor een spatie %20 wordt en een ampersand %26.

Deze tool codeert tekst en URL's naar percent-encoded vorm en decodeert ze weer terug. Hij is gebouwd op de standaardfuncties encodeURIComponent en encodeURI van de browser, dus de uitvoer komt precies overeen met wat je eigen JavaScript zou produceren, en hij is UTF-8 veilig voor internationale tekst.

Coderen en decoderen draaien volledig in je browser, dus niets van wat je plakt wordt naar een server gestuurd, wat geruststellend is wanneer een URL tokens of queryparameters bevat die je liever niet deelt.

Componentmodus versus volledige URL

De schakelaar voor het bereik maakt uit. Componentmodus (encodeURIComponent) codeert gereserveerde tekens als & = ? / en is wat je wilt voor een enkele querystring-waarde of padsegment. Volledige-URL-modus (encodeURI) laat de structurele tekens intact zodat een complete URL bruikbaar blijft.

Veelgemaakte fouten om te vermijden

Een veelgemaakte fout is een volledige URL coderen met componentmodus, wat de :// en ? codeert en de link breekt. Een andere is dubbel coderen, waarbij een al gecodeerde string opnieuw wordt gecodeerd en %20 verandert in %2520. Bij twijfel: decodeer eerst om de ruwe waarde te zien.

Het plusteken-eigenaardigheid in querystrings

Er is ook een historische eigenaardigheid in querystrings: formulierinzendingen coderen een spatie als een plusteken, terwijl percent-encoding %20 gebruikt. Beide kom je in de praktijk tegen, dus decoders accepteren meestal allebei.

Veelgestelde vragen

Component versus volledige URL?

Component (encodeURIComponent) escapet gereserveerde tekens zoals & = ? / voor een enkele querywaarde of padsegment. Volledige URL (encodeURI) behoudt de URL-structuur zodat een hele link geldig blijft.

Waarom mislukte het decoderen?

Misvormde percent-sequenties, zoals een losse % of een onvolledige %2, kunnen niet worden gedecodeerd. Controleer de invoer of codeer die eerst opnieuw.

Wat is percent-codering?

Het is het mechanisme dat URL's gebruiken om tekens weer te geven die niet rechtstreeks zijn toegestaan: elke byte wordt geschreven als een procentteken gevolgd door twee hexadecimale cijfers, gebaseerd op zijn UTF-8-waarde.

Wanneer moet ik componentmodus gebruiken?

Telkens wanneer je een waarde in een URL invoegt, zoals een zoekterm in een querystring of een naam in een pad. Het escapet de scheidingstekens die anders de betekenis van de URL zouden veranderen.

Waarom zie ik soms + in plaats van %20 voor spaties?

Formulierinzendingen (application/x-www-form-urlencoded) coderen spaties als +, terwijl standaard percent-codering %20 gebruikt. Decoders accepteren meestal beide.

Wordt mijn invoer geüpload?

Nee. Coderen en decoderen gebeuren in je browser, dus de tekst en URL's die je plakt verlaten nooit je apparaat.

Bronnen

Deze tool insluiten

Voeg deze tool toe aan je eigen website. Kopieer het fragment hieronder. Het blijft automatisch up-to-date.

<iframe src="https://monu.tools/embed/nl/url-encoder" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Gerelateerde tools