Hoppa till innehållet
Gratis verktyg

URL Encoder & Decoder – koda och avkoda URL:er online

Koda och avkoda URL:er direkt i webbläsaren: URL Encoder procentkodar text och URL:er. Ett mellanslag blir %20 och ”ä” blir %C3%A4. Som URL Decoder gör verktyget %-sekvenser till läsbar text igen. Jämför encodeURIComponent, encodeURI och formulärformatet med +, visa en URL:s avkodade frågeparametrar och bygg frågesträngar och UTM-länkar. Gratis, utan inloggning. Din text stannar i din webbläsare.

Byggd av Dimitri Heissler

Bygger du något eget? Hosta det på en VPS med full kontroll.

Kodar allt utom bokstäver, siffror och tecknen -_.~!*'(). Passar för enskilda parametervärden, sökvägssegment och allt som bäddas in i en URL.

Din text stannar i din webbläsare: Den varken laddas upp eller sparas.

Tecken i inmatningen
0
Tecken i resultatet
0
Kodade tecken
0
Byte i inmatningen
0

Skapa en query-sträng och UTM-länk

Ange namn och värde för varje parameter, eller lägg till de tre fälten för en kampanjlänk med ”UTM-parametrar”. Varje värde kodas separat, så ett & eller = i värdet kan inte bryta URL:en.

0 parametrar i URL:en

Exempelresultat

Vad denna URL-kodare och -avkodare visar dig

Klistra in en text eller URL så får du direkt det kodade eller avkodade resultatet. Vid kodning får du också en lista över ersatta tecken och deras byte, och när du avkodar en URL visas frågeparametrarna var för sig i läsbar form. Tre exempel:

Exempel 1: Koda ett värde

Inmatning (komponentvariant, encodeURIComponent):

Müller & Söhne: 50 % rabatt?

Utdata:

M%C3%BCller%20%26%20S%C3%B6hne%3A%2050%20%25%20rabatt%3F
Ersatta tecken i det första exemplet
TeckenByteResultat
üC3 BC%C3%BC
Blanksteg20%20
&26%26
öC3 B6%C3%B6
:3A%3A
%25%25
?3F%3F

Resultat i ord: 28 tecken blir 56 tecken. 11 tecken ersattes. ü består av två byte och blir %C3%BC, & blir %26 och % blir %25. Bokstäver och siffror förblir oförändrade.

Exempel 2: Avkoda och dela upp en URL

Inmatning (formulärvariant, + tolkas som mellanslag):

https://example.com/search?q=gr%C3%B6na%20tomater&sort=price_asc&category=Frukt%2Bgr%C3%B6nsaker

Utdata:

https://example.com/search?q=gröna tomater&sort=price_asc&category=Frukt+grönsaker
Query-parametrar i det andra exemplet
NamnVärde (avkodat)Rå
qgröna tomatergr%C3%B6na%20tomater
sortprice_ascprice_asc
categoryFrukt+grönsakerFrukt%2Bgr%C3%B6nsaker

Resultat i ord: URL:en har 3 frågeparametrar. Värdet för ”q” är ”gröna tomater”, ”sort” är ”price_asc” och ”category” är ”Frukt+grönsaker”. Plustecknet i ”Frukt+grönsaker” är kodat som %2B och förblir därför ett plustecken.

Exempel 3: Samma URL, fyra varianter

Indata:

https://example.com/gata/om oss?q=Ost#kontakt
Resultat för de fyra varianterna av samma URL
VariantResultat
Komponent (encodeURIComponent)https%3A%2F%2Fexample.com%2Fgata%2Fom%20oss%3Fq%3DOst%23kontakt
Hel URL (encodeURI)https://example.com/gata/om%20oss?q=Ost#kontakt
Strikt (RFC 3986)https%3A%2F%2Fexample.com%2Fgata%2Fom%20oss%3Fq%3DOst%23kontakt
Formulär (+ för blanksteg)https%3A%2F%2Fexample.com%2Fgata%2Fom+oss%3Fq%3DOst%23kontakt

Resultat i ord: Bara ”Hela URL:en (encodeURI)” lämnar https://, / ? och # oförändrade, så adressen går fortfarande att öppna. De andra tre varianterna kodar även dessa avgränsare och gör adressen till ett enda långt värde. Det är rätt om du vill bädda in hela URL:en som ett värde i en annan URL.

Så fungerar det

Så kodar och avkodar du en URL

Fyra steg från text till färdig URL – utan konto, utan nedladdning.

Steg 1

Klistra in text eller URL

Klistra in texten du vill koda eller den kodade URL:en du vill läsa. Med ”Exempel” laddar du en exempeltext. Resultatet visas medan du skriver, utan att du behöver trycka på en knapp.

Steg 2

Välj riktning, variant och teckenkodning

Välj ”Koda” eller ”Avkoda”. Använd encodeURIComponent för ett enskilt värde, encodeURI för en hel URL och formulärformatet med + för data från ett HTML-formulär. Vid kodning finns även den strikta varianten enligt RFC 3986 och alternativet ”Koda varje rad separat”. Välj UTF-8 eller ISO-8859-1 som teckenkodning.

Steg 3

Kontrollera och kopiera resultatet

Verktyget visar hur många tecken som har ersatts, listar deras Unicode-nummer och byte vid kodning och varnar för dubbelkodning, ogiltiga %-sekvenser eller om fel variant används för en hel URL. Kopiera resultatet med ”Kopiera”.

Steg 4

Läs eller skapa parametrar

När du avkodar en URL visar verktyget dess delar och de avkodade frågeparametrarna i en tabell. Under ”Bygg frågesträng och UTM-länk” anger du namn och värde eller lägger till fälten för en kampanjlänk med ”UTM-parametrar”. Sedan kopierar du den färdigkodade URL:en.

Varianter

encodeURIComponent, encodeURI eller formulär: vilket ska du välja när?

Alla fyra varianter kodar enligt samma princip, men ersätter olika många tecken. Välj utifrån det du ska koda, inte på känsla.

Komponent (encodeURIComponent)
För ett enskilt värde: ett parametervärde, ett sökvägssegment, ett filnamn eller en URL som används som parameter i en annan URL. Kodar allt utom bokstäver, siffror och tecknen -_.~!*'(). Är du osäker är detta rätt val.
Motsvarar ungefär: encodeURIComponent / decodeURIComponent
Hel URL (encodeURI)
För en hel URL som fortfarande innehåller mellanslag eller å, ä och ö. Lämnar ; , / ? : @ & = + $ # orörda så att adressen fungerar. Kodar inte & eller = inuti ett värde och passar därför inte för det.
Motsvarar ungefär: encodeURI / decodeURI
Strikt (RFC 3986)
Som komponent, men kodar även ! ' ( ) *. Behövs om ett annat system tolkar dessa tecken som avgränsare, till exempel vid signering av OAuth-förfrågningar.
Motsvarar ungefär: PHP rawurlencode, Python urllib.parse.quote(wert, safe='')
Formulär (+ för blanksteg)
Formatet för ett HTML-formulär (application/x-www-form-urlencoded). Blanksteg blir +, bara bokstäver, siffror och *-._ lämnas oförändrade och ~ blir %7E. Gäller för frågesträngar från formulär och POST-innehåll av den här typen. PHP urlencode och Python quote_plus avviker något vid * och ~.
Motsvarar ungefär: Java URLEncoder, JavaScript URLSearchParams

Teckentabell

Specialtecken i URL:er och deras kodning

Så kodas de vanligaste specialtecknen i de olika varianterna. Ett streck betyder att tecknet förblir oförändrat.

Kodning av specialtecken som komponent, hel URL eller formulär
TeckenKomponentHel URLFormulär
BlankstegMellanslag, skrivs ofta som + i frågesträngar%20%20+
!underdelimiter, utan fast betydelse––%21
"inte tillåtet i URL:er%22%22%22
#Start på fragmentet (ankaret)%23–%23
$underdelimiter, utan fast betydelse%24–%24
%inleder en %XX-kodning%25%25%25
&skiljer frågeparametrar åt%26–%26
'underdelimiter, utan fast betydelse––%27
(underdelimiter, utan fast betydelse––%28
)underdelimiter, utan fast betydelse––%29
*underdelimiter, lämnas oförändrad av encodeURIComponent–––
+Plustecken, ett mellanslag i formulärformat%2B–%2B
,skiljer listvärden åt%2C–%2C
/skiljer sökvägssegment åt%2F–%2F
:skiljer schema, värd och port åt%3A–%3A
;underdelimiter, utan fast betydelse%3B–%3B
=skiljer parameternamn från värde%3D–%3D
?Start på frågesträngen%3F–%3F
@skiljer användaruppgift från värd%40–%40
[endast för IPv6-adresser i värden%5B%5B%5B
]endast för IPv6-adresser i värden%5D%5D%5D
~oskyddat; endast formulärformatet kodar det (%7E)––%7E
ä%C3%A4%C3%A4%C3%A4
€%E2%82%AC%E2%82%AC%E2%82%AC
😀%F0%9F%98%80%F0%9F%98%80%F0%9F%98%80

UTM-parametrar

Skapa UTM-länk: skriv UTM-parametrar korrekt

UTM-parametrar läggs till i en länk så att Google Analytics kan se varifrån besökarna kommer. Med ”UTM-parametrar” lägger verktygets frågesträngsbyggare till de tre vanliga fälten utm_source, utm_medium och utm_campaign och kodar varje värde separat, så att mellanslag och specialtecken inte förstör länken.

De fem UTM-parametrarna och vad de betyder
ParameterBetydelseUppgift
utm_sourceVar besökaren kommer ifrån, till exempel newsletter, google eller instagram.vanlig
utm_mediumVia vilken kanal, till exempel e-mail, cpc eller social.vanlig
utm_campaignVad kampanjen heter, till exempel sommer-aktion.vanlig
utm_termSökordet i betald sökning.valfritt
utm_contentVilken variant som klickades på, till exempel banner eller textlänk.valfritt

Exempel: en nyhetsbrevslänk

Bas-URL och tre parametrar:

https://example.com/aktion
utm_source = newsletter
utm_medium = e-mail
utm_campaign = Sommarkampanj

Resultat:

https://example.com/aktion?utm_source=newsletter&utm_medium=e-mail&utm_campaign=Sommarkampanj

Skriv värdena med gemener och utan mellanslag, till exempel sommer-aktion. Analytics skiljer på ”Newsletter” och ”newsletter” och redovisar dem separat.

Upptäck mer

Fler verktyg

FAQ

Vanliga frågor om URL Encoder & Decoder

Korta svar om URL-kodning, procenttecken och det här verktyget.

Bara ett fåtal tecken är tillåtna i en URL. Alla andra skrivs som % följt av två hexadecimala siffror för varje byte i tecknets UTF-8-kodning. Ett mellanslag blir %20, ”ä” blir %C3%A4 (två byte), ”€” blir %E2%82%AC (tre byte) och en emoji som 😀 blir %F0%9F%98%80 (fyra byte). Metoden kallas även procentkodning eller URL-kodning, bland utvecklare ofta URL Encode, och den omvända processen URL Decode.

%20 är ett kodat mellanslag: 20 är mellanslagets hexadecimala värde. På samma sätt står %3D för =, %26 för &, %2F för / och %2C för ett kommatecken. %20 fungerar överallt i en URL. + som mellanslag används bara i formulärformatet (application/x-www-form-urlencoded), alltså i frågesträngar som skapas av ett HTML-formulär. I sökvägen är + ett faktiskt plustecken. ”Käse & Brot” blir ”K%C3%A4se+%26+Brot” som formulärvärde och ”K%C3%A4se%20%26%20Brot” med encodeURIComponent. Välj därför rätt variant vid avkodning: ”Formulär” för data från formulär och sökningar.

encodeURI lämnar URL:ens avgränsare oförändrade: ; , / ? : @ & = + $ #. encodeURIComponent kodar även dem. Med encodeURI blir ”a/b?c=d” ”a/b?c=d”, medan encodeURIComponent ger ”a%2Fb%3Fc%3Dd”. Använd encodeURI för en hel adress. Använd encodeURIComponent för ett enskilt värde som ska infogas i en URL, annars kan ett & eller = i värdet dela upp parametrarna.

Välj ”Avkoda” och klistra in den kodade URL:en eller texten ovan. ”M%C3%BCller%20%26%20S%C3%B6hne” blir ”Müller & Söhne”. För en URL delar verktyget dessutom upp adressen i delar som schema, värd, sökväg, frågesträng och fragment. Frågeparametrarna visas i en tabell med namn, avkodat värde och råvärde, till exempel q = gröna tomater i stället för gr%C3%BCne%20Tomaten. Parametrarna står efter ?, namn och värde skiljs åt med = och flera parametrar med &. För data från ett formulär eller en sökning väljer du varianten ”Formulär”, så att + också tolkas som mellanslag i resultatet.

Bokstäverna A till Z och a till z, siffrorna 0 till 9 samt tecknen -_.~ lämnas oförändrade. Bara formulärformatet kodar tilde som %7E. Avgränsarna : / ? # [ ] @ ! $ & ' ( ) * + , ; = är bara tillåtna i sina respektive roller, till exempel & mellan två parametrar. Bland annat mellanslag, citattecken, %, < > ^ { | } och alla tecken utanför ASCII, som specialbokstäver och emojier, måste kodas. encodeURIComponent lämnar dessutom ! * ' ( ) oförändrade, medan den strikta varianten enligt RFC 3986 även kodar dessa. Teckentabellen ovan visar resultatet för de vanligaste specialtecknen.

Inte direkt: de kodas. Bokstäver som ”ä”, ”ß”, ”é”, ”ñ” och ”å” upptar vardera två byte i UTF-8: ”ä” blir %C3%A4, ”ß” blir %C3%9F, ”é” blir %C3%A9, ”ñ” blir %C3%B1 och ”å” blir %C3%A5. Ett mellanslag blir %20, eller + i formulär. Webbläsare visar ofta adressen i läsbar form och kodar den först när den skickas. I länkar du skriver själv kodar du värdet med encodeURIComponent eller det här verktyget. Tabellen ”Vad som händer med dina tecken” visar de ersatta tecknens Unicode-nummer och byte. Specialtecken i domännamn procentkodas inte, utan omvandlas med Punycode (müller.de blir xn--mller-kva.de). Det gör inte det här verktyget.

Om redan kodad text kodas igen blir % till %25: ”%20” blir ”%2520”. Det känner du igen på %25 följt av två siffror och på att resultatet fortfarande innehåller %XX-sekvenser efter avkodning. Verktyget uppmärksammar dig på det och erbjuder ”Avkoda igen”. Du undviker det genom att koda varje värde exakt en gång, först när du sätter ihop URL:en.

I dag är UTF-8 standard, där ”ä” = %C3%A4. Äldre webbplatser och system använder dock ISO-8859-1 (Latin-1), där ”ä” = %E4 och ”é” = %E9. Ett ensamt %E4 är ogiltigt i UTF-8: verktyget anger positionen och erbjuder alternativet ”Använd ISO-8859-1”. Med den teckenkodningen blir ”K%E4se” åter ”Käse”. Tecken som inte finns i ISO-8859-1, till exempel ”€”, kan inte kodas med den. Byt då tillbaka till UTF-8.

Nej. Kodning och avkodning sker i din webbläsare. Din text varken laddas upp eller sparas. Det gäller även URL:er med token eller inloggningsuppgifter. Verktyget är gratis och kräver ingen inloggning.

Fler frågor?

Kontakta supporten
Bygger du något eget?

Din applikation behöver en server som hanterar dess URL:er på ett tillförlitligt sätt

En VPS från ZAP-Hosting ser till att din applikation eller ditt projekt finns online tillförlitligt.

4,4/5 Trustpilot32.000+ Aktiva servrarSedan 2010

Ingen konfigurering. Ingen risk. Online på några sekunder.

Flexibel avtalstidAvsluta när som helstOnline på 60 sekunder

Letar du efter fler verktyg? Visa alla utvecklarverktyg