URL-kodare/avkodare

Mellanslag, symboler och specialtecken bryter URL:er – procentkodning åtgärdar det. Koda vilken URL som helst för säker överföring, eller avkoda en tillbaka till läsbar text, direkt.

Hjälpte den här kalkylatorn dig?

Vad är URL-kodare/avkodare?

Koda och avkoda URL:er snabbt och korrekt.

När du ska använda denna kalkylator

  • Bygga API-förfrågningar med parametrar.
  • Felsöka trasiga URL:er.
  • Testa webbformulär.
  • Säkra data i webbläsaren.
  • Dela komplexa URL:er.
  • Utbildning i webbteknik.

Steg:

  1. Ange URL:en du vill koda eller avkoda.
  2. Välj operation: Encoda (till % kodat) eller Decoda (från % kodat).
  3. Resultatet visas direkt.
  4. Kopiera till urklipp med ett klick.
  5. Använd för API-anrop, webbutveckling och testning.
  6. Fungerar med alla URL-speciella tecken.

Formel

Kodning: Mellanslag → %20, + → %2B, & → %26 Avkodning: %20 → mellanslag

Användningsområden

  • API-utveckling och testning.
  • Webbanvändaridentifikation och parametrar.
  • Säker dataöverföring i URL:er.
  • Felsökning av trasiga länkar.

Viktiga fördelar

  • Omedelbar kodning och avkodning.
  • Stöder alla URL-tecken.
  • Kopiera-knapp för snabb användning.
  • Ingen data lämnar din enhet.
  • 100% webbläsarbaserad behandling — inga data skickas till någon server, helt privat
  • Visuellt teckensantal för att verifiera att kodningen inte duplicerade eller truncate indata

Proffstips

  • Koda alltid användargenererade URL-parametrar
  • Använd encodeURIComponent() för frågeparametrar i JavaScript
  • Avkoda URL:er innan du visar dem för användare för läsbarhet
  • Akta dubbelkodning: om du ser %25 följt av fler hexadecimala siffror har URL:en förmodligen kodats två gånger
  • Använd komponentläge när du bygger frågesträngar och URL-läge när du kodar hela URL-sökvägor eller fullständiga URL:er

Vanliga misstag att undvika

  • Dubbelkoda URL:er av misstag
  • Använda fel kodning för fel sammanhang (URL vs HTML)
  • Glömma att + representerar mellanslag i frågesträngar men inte i sökvägssegment
  • Att inte hantera icke-ASCII-tecken korrekt — se alltid till att koda med UTF-8 innan procentskodning

Viktiga begrepp förklarade

<strong>URL-encoding:</strong> Att ersätta specialtecken med % efterföljt av hexadecimal.
<strong>Decode:</strong> Att återställa kodade tecken till ursprungsformen.
Frågesträng: Parametrar efter ? i URL:en
Reserverade tecken: Tecken med speciell URL-betydelse

Relaterade begrepp

  • JSON-formatter: API-data.
  • Söksträng: Den del av en URL efter ?-tecknet, som innehåller nyckel-värde-par separerade med &-tecken
  • Reserverade tecken: Tecken som :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = som har speciell betydelse i URL-syntakt enligt RFC 3986
  • URL-säkra tecken: Obegränsade tecken (bokstäver, siffror, -, _, ., ~) som inte behöver kodas i URL:er
  • encodeURIComponent vs. encodeURI: JavaScript-funktioner där encodeURIComponent kodar allt utom bokstäver, siffror och _*-.~ för enskilda värden, medan encodeURI bevarar URL-strukturtecken för fullständiga URL:er

Exempel

https://example.com/path?q=hello world → https://example.com/path?q=hello%20world

Tolka dina resultat

URL-kodning ersätter specialtecken med % + hex.

Vanliga frågor

Varför behöver URL:er kodas?
URL:er kan bara innehålla vissa ASCII-tecken. Tecken som mellanslag, &, ?, # och icke-ASCII-tecken måste kodas (procentkodas) för att säkerställa säker överföring över internet.
Vad är procentkodning?
Procentkodning ersätter osäkra tecken med ett %-tecken följt av deras tvåsiffriga hexadecimala kod. Till exempel blir ett mellanslag %20 och & blir %26.
Är URL-kodning samma sak som HTML-kodning?
Nej. URL-kodning (procentkodning) är för URL:er. HTML-kodning använder entiteter som &amp; för & eller &lt; för <. De tjänar olika syften i webbutveckling.
När bör jag använda URL-läge vs. komponent-läge?
Använd komponent-läge för att koda en enda sökordparameter (t.ex. en sökterm). Använd URL-läge för att koda en full URL-sökväg eller när hela strängen ska vara URL-säker. Komponent-läge kodar fler tecken eftersom det antar att värdet kommer att placeras i en URL-struktur.
Varför ger kodning av 'Hello World' 'Hello%20World' istället för 'Hello+World'?
I URL-sökvägssegment kodas mellanslag som %20. Kodningen med + för mellanslag används bara i application/x-www-form-urlencoded-data (HTML-formulärinlämningar). Modernt bästa praxis är att använda %20 konsekvent i URL:er. Kalkylatorn använder %20 för URL-kodning.
Kan jag koda icke-ASCII-tecken som emoji eller accenterade bokstäver?
Ja. Icke-ASCII-tecken konverteras först till UTF-8-byte, och varje byte procent-kodas. Till exempel emoji ☺ (U+1F600) blir %F0%9F%98%80. Accenterade tecken som é (U+00E9) blir %C3%A9. Detta är standardtillvägagångssättet definierat i RFC 3986.
Vad är skillnaden mellan detta och HTML-enhetskodning?
URL-kodning (procentkodning) är för URL:er — den konverterar tecken till %XX hex-koder. HTML-enhetskodning konverterar tecken till namngivna eller numeriska enheter som &amp; för & eller &#8364; för €. De har helt olika ändamål och är inte utbytbara.
Varför fungerar vissa URL:er utan kodning även om de innehåller specialtecken?
Moderna webbläsare kodar automatiskt URL:er när du navigerar till dem eller skickar formulär. När du konstruerar URL:er programmerat (i kod, API-anrop eller serversidorar omdirigeringar) måste du dock kodera manuellt eftersom servern inte gör det åt dig.
Finns det risk för dubbelkodning?
Ja. Om du kodar en URL som redan är kodad blir %20 till %2520, vilket är fel. Kontrollera alltid om din indata redan är kodad innan du kodar igen. Denna kalkylator visar avkodade utdatan så att du kan verifiera att resultatet är korrekt.
Hur hanterar jag kodade URL:er i JavaScript?
Använd decodeURIComponent() för att avkoda och encodeURIComponent() för att koda enskilda värden. För fullständiga URL:er, använd decodeURI() och encodeURI() som bevarar URL-strukturtecken (/, ?, #, etc.). Använd aldrig escape() eller unescape() — de är föråldrade och hanterar inte Unicode korrekt.

Upptäck fler verktyg

Färska urval från hela vårt verktygsbibliotek.

Kalkylator för LTV:CAC-kvot

Resebudgetkalkylator

Affiliateprovisionskalkylator

Tärningskastare

Skattekalkylator

Investeringstillväxtkalkylator