PageSourceSearch

https://www.punycoder.com/url-encoder/

html punycoder.com collected 2026-09-24 07:59:48 UTC 78,035 bytes, 6 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/_next/static/media/logo.0fh5o1upul2kr.svg"/><link rel="stylesheet" href="/_next/static/chunks/0c8alhhprpc07.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0j53xw90-0koo.js"/>
1<script src="/_next/static/chunks/3zqu0k7ngpkok.js" async=""></script>
1<script src="/_next/static/chunks/19x0fr2axtkj2.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-3-m0o3awvhqft.js" async=""></script>
1<script src="/_next/static/chunks/2n8quiru85z5f.js" async=""></script>
1<script src="/_next/static/chunks/0k4rg92ouop-9.js" async=""></script>
1<script src="/_next/static/chunks/1kjqzvi9rq7ds.js" async=""></script>
1<script src="/_next/static/chunks/1y1nzuj390e97.js" async=""></script>
1<script src="/_next/static/chunks/04nptpu3o6l0y.js" async=""></script>
1<script src="/_next/static/chunks/2ib_rkp173pl-.js" async=""></script>
1<script src="/_next/static/chunks/2woe-i8ysoq9y.js" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-N3XBQHFLMT" as="script"/><meta name="theme-color" content="#ffffff"/><meta name="color-scheme" content="light"/><title>URL Encoder &amp; Decoder — Percent-Encoding Tool 🧰</title><meta name="description" content="Percent-encode text for URL components or decode it back. Convert spaces to %20 and &amp; to %26 using JavaScript&#x27;s encodeURIComponent rules. 🔧🛠"/><meta name="application-name" content="URL encoder &amp; decoder"/><link rel="author" href="https://www.glueo.com/"/><meta name="author" content="Glueo, s.r.o."/><link rel="manifest" href="/manifest.webmanifest"/><meta name="generator" content="Glueo, s.r.o."/><meta name="keywords" content="idn,punycode,localization,domain,domains"/><meta name="referrer" content="origin-when-cross-origin"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="impact-site-verification" content="814783d0-c55d-4bf9-9406-00cfa7e7cbfd"/><link rel="canonical" href="https://www.punycoder.com/url-encoder/"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta property="og:title" content="URL Encoder &amp; Decoder — Percent-Encoding Tool 🧰"/><meta property="og:description" content="Encode text for a query value or path segment, or decode percent-encoded UTF-8 text. Uses JavaScript&#x27;s encodeURIComponent and decodeURIComponent functions on the whole input. Free online tool — no account or installation required. 🔧🛠"/><meta property="og:url" content="https://www.punycoder.com/url-encoder/"/><meta property="og:site_name" content="URL encoder &amp; decoder"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.punycoder.com/_next/static/media/opengraph.0r_780gvrflv-.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="URL encoder &amp; decoder"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@PunycoderCom"/><meta name="twitter:creator" content="@glueo"/><meta name="twitter:title" content="URL Encoder &amp; Decoder — Percent-Encoding Tool 🧰"/><meta name="twitter:description" content="Encode text for a query value or path segment, or decode percent-encoded UTF-8 text. Uses JavaScript&#x27;s encodeURIComponent and decodeURIComponent functions on the whole input. Free online tool — no account or installation required. 🔧🛠"/><meta name="twitter:image" content="https://www.punycoder.com/_next/static/media/opengraph.0r_780gvrflv-.png"/><link rel="icon" href="/_next/static/media/icon16x16.2rte3wqp_c3f6.png" type="image/png" sizes="16x16"/><link rel="icon" href="/_next/static/media/icon32x32.2gfcm31o2nm3s.png" type="image/png" sizes="32x32"/><link rel="icon" href="/_next/static/media/icon48x48.1vja8mhug_bc7.png" type="image/png" sizes="48x48"/><link rel="icon" href="/_next/static/media/icon64x64.0pxp7fgx_47wx.png" type="image/png" sizes="64x64"/><link rel="icon" href="/_next/static/media/icon128x128.1w9_7h7l4rj0t.png" type="image/png" sizes="128x128"/><link rel="icon" href="/_next/static/media/icon180x180.3q5vw0wzkvsrr.png" type="image/png" sizes="180x180"/><link rel="icon" href="/_next/static/media/icon192x192.3uzk1_749pp82.png" type="image/png" sizes="192x192"/><link rel="icon" href="/_next/static/media/icon256x256.0mzqg076klv4f.png" type="image/png" sizes="256x256"/><link rel="icon" href="/_next/static/media/icon300x300.1jv178--3xoar.png" type="image/png" sizes="300x300"/><link rel="icon" href="/_next/static/media/icon384x384.0b2-m0m2-h6zo.png" type="image/png" sizes="384x384"/><link rel="icon" href="/_next/static/media/icon512x512.37kw10drzj0j7.png" type="image/png" sizes="512x512"/><link rel="apple-touch-icon" href="/_next/static/media/icon180x180.3q5vw0wzkvsrr.png" type="image/png" sizes="180x180"/><link rel="icon" href="/_next/static/media/icon.40bbv6llxnzq9.svg" type="image/svg+xml"/>
1<link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div><div id="main-wrapper" class="commoncomponentlibrary-composition-with-autoheight"><section>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebApplication","url":"https://www.punycoder.com/url-encoder/","image":"https://www.punycoder.com/_next/static/media/opengraph.0r_780gvrflv-.png","keywords":["idn","punycode","localization","domain","domains"],"isAccessibleForFree":true,"inLanguage":"en","author":{"@type":"Organization","name":"Glueo, s.r.o.","url":"https://www.glueo.com/"},"name":"URL encoder & decoder 🧰","alternateName":["Percent encoder","Percent decoder","URL percent encoding","URL percent decoding","URL encoding","URL decoding","URL escape","URL unescape","URL escape characters","URL unescape characters","URL encode","URL decode","URL encode characters","URL decode"],"description":"Encode text for a query value or path segment, or decode percent-encoded UTF-8 text. Uses JavaScript's encodeURIComponent and decodeURIComponent functions on the whole input. Free online tool — no account or installation required.","applicationCategory":"DeveloperApplication","applicationSuite":"Glueo tools","operatingSystem":"All","browserRequirements":"Requires HTML5 support and JavaScript","softwareRequirements":"Web browser with JavaScript support","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"disambiguatingDescription":"Performs URL percent encoding (RFC 3986), not Punycode encoding. For Punycode international domain name conversion, use the Punycode converter (https://www.punycoder.com/).","relatedLink":["https://www.punycoder.com/","https://www.punycoder.com/help/url-encoder/","https://www.punycoder.com/percent-encoding/","https://www.punycoder.com/idn/","https://www.punycoder.com/url-encoder/"],"supportingData":{"@type":"DataFeed","name":"SupportingDataDataFeed","description":"Data supported by the application, consumed or produced","dataFeedElement":[{"@type":"ComputerLanguage","name":"Punycode","sameAs":["https://en.wikipedia.org/wiki/Punycode","https://tools.ietf.org/html/rfc5895"]},{"@type":"ComputerLanguage","name":"IDN","sameAs":["https://en.wikipedia.org/wiki/Internationalized_domain_name","https://tools.ietf.org/html/rfc5895"]},{"@type":"ComputerLanguage","name":"ASCII","sameAs":"https://en.wikipedia.org/wiki/ASCII"},{"@type":"ComputerLanguage","name":"UTF-8","sameAs":"https://en.wikipedia.org/wiki/UTF-8"},{"@type":"ComputerLanguage","name":"Unicode","sameAs":"https://en.wikipedia.org/wiki/Unicode"}]}}</script>
1</section><a href="#main-content" class="sr-only z-50 rounded-md bg-primary px-4 py-2 font-medium text-primary-foreground ring-ring focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:ring-2">Skip to main content</a><header><div class="commoncomponentlibrary-composition-logo"><a href="/"><img alt="URL encoder &amp; decoder" loading="eager" width="180" height="30" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/logo.0fh5o1upul2kr.svg"/></a></div><div class="commoncomponentlibrary-composition-intro"><h1 class="commoncomponentlibrary-composition-intro-heading">URL encoder &amp; decoder</h1><div class="commoncomponentlibrary-composition-intro-body">Encode text for URL components and decode percent-encoded text</div></div></header><main id="main-content" class="commoncomponentlibrary-composition-content-with-sidebar commoncomponentlibrary-composition-content-with-autoheight"><div class="commoncomponentlibrary-composition-main-with-autoheight"><div class="grid grid-rows-[auto_auto]"><nav aria-label="Sections" class="@container"><div data-count="3" class="grid w-fit gap-1 auto-cols-max grid-flow-col @max-[43rem]:grid-flow-row @max-[43rem]:grid-cols-2 @max-[43rem]:data-[count=3]:[&amp;&gt;*:first-child]:col-span-2 @max-[43rem]:data-[count=5]:[&amp;&gt;*:first-child]:col-span-2"><a class="flex min-w-0 items-center justify-center gap-2 px-2 py-2 font-semibold text-primary no-underline sm:gap-3 sm:px-4 roun
1ded-t-md hover:bg-card ring-1 ring-card" href="/"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="size-5 shrink-0 sm:size-6" style="color:transparent" src="/_next/static/media/icon.40bbv6llxnzq9.svg"/><span class="flex min-w-0 flex-col text-sm leading-tight sm:text-base"><span>Punycode encoder</span></span></a><a aria-current="page" class="flex min-w-0 items-center justify-center gap-2 px-2 py-2 font-semibold text-primary no-underline sm:gap-3 sm:px-4 rounded-t-md hover:bg-card bg-card" href="/url-encoder/"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="size-5 shrink-0 sm:size-6" style="color:transparent" src="/_next/static/media/icon.41k82qrf8kf6j.svg"/><span class="flex min-w-0 flex-col text-sm leading-tight sm:text-base"><span>URL encoder</span></span></a><a class="flex min-w-0 items-center justify-center gap-2 px-2 py-2 font-semibold text-primary no-underline sm:gap-3 sm:px-4 rounded-t-md hover:bg-card ring-1 ring-card" href="/hosting/"><img alt="" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="size-5 shrink-0 sm:size-6" style="color:transparent" src="/_next/static/media/icon.323itizj8ld8i.svg"/><span class="flex min-w-0 flex-col text-sm leading-tight sm:text-base"><span>Hosting comparison</span></span></a></div></nav><div class="rounded-md bg-card p-4 sm:rounded-tl-none"><div class="flex flex-col gap-4"><div><div role="status"><div class="mt-2 flex items-center gap-2 rounded-md bg-note px-3 ring-1 ring-white py-2"><div class="flex-shrink-0 rounded-full p-1.5 bg-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-signpost h-5 w-5 text-white" aria-hidden="true"><path d="M12 13v8"></path><path d="M12 3v3"></path><path d="M2.354 10.354a1.207 1.207 0 0 1 0-1.708l2.06-2.06A2 2 0 0 1 5.828 6h12.344a2 2 0 0 1 1.414.586l2.06 2.06a1.207 1.207 0 0 1 0 1.708l-2.06 2.06a2 2 0 0 1-1.414.586H5.828a2 2 0 0 1-1.414-.586z"></path></svg></div><span class="text-2xl">This tool performs URL percent encoding, not Punycode. For Punycode, use the <a href="/">Punycode converter</a>.</span></div></div><h2 class="mt-2">URL encode and decode text</h2></div><div class="grid gap-4 md:grid-cols-2"><div><div class="flex h-full flex-col gap-2"><div><h2 id="_R_39j2npflb_-heading">Text:</h2><div id="_R_39j2npflb_-example" class="flex gap-1"><span class="text-muted-foreground">example:</span><code class="text-foreground">hello world &amp; more</code></div></div><div class="group flex flex-col "><div class="flex flex-wrap rounded-t-md border-input border-x border-t border-b bg-toolbar group-focus-within:border-primary items-center justify-end px-1 py-0.5"><button type="button" data-slot="button" aria-label="Paste from clipboard" title="Paste from clipboard" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-paste h-3.5 w-3.5" aria-hidden="true"><path d="M11 14h10"></path><path d="M16 4h2a2 2 0 0 1 2 2v1.344"></path><path d="m17 18 4-4-4-4"></path><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113"></path><rect x="8" y="2" width="8" height="4" rx="1"></rect></svg><span class="hidden xl:inline">Paste</span></button><button type="button" data-slot="button" aria-label="Load example" title="Load example" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3.5 w-3.5" aria-hidden="true"><path d="M12 5v16"></path><path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z"></path></svg><span class="hidden xl:inline">Example</span></button><button type="button" data-slot="button" aria-label="Clear" title="Clear" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3.5 w-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span class="hidden xl:inline">Clear</span></button><button type="button" data-slot="button" aria-label="Copy to clipboard" title="Copy to clipboard" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3.5 w-3.5" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg><span class="hidden xl:inline">Copy</span></button></div><textarea class="w-full resize-none bg-background px-3 py-1.5 font-mono text-base text-foreground md:text-sm rounded-b-md border-x border-b border-input focus:border-primary focus:outline-none overflow-hidden [field-sizing:content]" style="min-height:calc(4lh + 0.75rem + 2px)" autoComplete="off" spellCheck="false" translate="no" autoCapitalize="none" rows="4" id="_R_39j2npflb_-textarea" aria-labelledby="_R_39j2npflb_-heading" aria-describedby="_R_39j2npflb_-example"></textarea></div><div id="_R_39j2npflb_-notes"><div role="status"></div></div></div></div><div><div class="flex h-full flex-col gap-2"><div><h2 id="_R_59j2npflb_-heading">Percent encoding:</h2><div id="_R_59j2npflb_-example" class="flex gap-1"><span class="text-muted-foreground">example:</span><code class="text-foreground">hello%20world%20%26%20more</code></div></div><div class="group flex flex-col "><div class="flex flex-wrap rounded-t-md border-input border-x border-t border-b bg-toolbar group-focus-within:border-primary items-center justify-end px-1 py-0.5"><button type="button" data-slot="button" aria-label="Paste from clipboard" title="Paste from clipboard" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-paste h-3.5 w-3.5" aria-hidden="true"><path d="M11 14h10"></path><path d="M16 4h2a2 2 0 0 1 2 2v1.344"></path><path d="m17 18 4-4-4-4"></path><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113"></path><rect x="8" y="2" width="8" height="4" rx="1"></rect></svg><span class="hidden xl:inline">Paste</span></button><button type="button" data-slot="button" aria-label="Load example" title="Load example" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3.5 w-3.5" aria-hidden="true"><path d="M12 5v16"></path><path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z"></path></svg><span class="hidden xl:inline">Example</span></button><button type="button" data-slot="button" aria-label="Clear" title="Clear" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3.5 w-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg><span class="hidden xl:inline">Clear</span></button><button type="button" data-slot="button" aria-label="Copy to clipboard" title="Copy to clipboard" class="inline-flex items-center gap-1.5 rounded-md text-base transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent text-primary hover:bg-card hover:ring-1 hover:ring-border active:bg-secondary px-2 py-1 min-h-6"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3.5 w-3.5" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg><span class="hidden xl:inline">Copy</span></button></div><textarea class="w-full resize-none bg-background px-3 py-1.5 font-mono text-base text-foreground md:text-sm rounded-b-md border-x border-b border-input focus:border-primary focus:outline-none overflow-hidden [field-sizing:content]" style="min-height:calc(4lh + 0.75rem + 2px)" autoComplete="off" spellCheck="false" translate="no" autoCapitalize="none" rows="4" id="_R_59j2npflb_-textarea" aria-labelledby="_R_59j2npflb_-heading" aria-describedby="_R_59j2npflb_-example"></textarea></div><div id="_R_59j2npflb_-notes"><div role="status"></div></div></div></div></div></div></div></div><div class="mt-4 columns-[20rem] gap-x-8"><div class="mb-6 break-inside-avoid"><section><h2 class="mt-0 mb-2 font-bold text-lg"><a href="/help/url-encoder/" class="no-underline hover:text-primary hover:underline">How to use the URL encoder?</a></h2><div class="prose prose-sm prose-gray dark:prose-invert [&amp;&gt;p:last-of-type]:inline flow-root"><ul>
2<li>Enter text on the left side to URL encode it, or enter <a href="/percent-encoding/">percent-encoded</a> text on the right side to decode it</li>
3<li>
3Spaces become <code>%20</code>; non-ASCII characters become percent-encoded UTF-8 bytes.</li>
4<li>The tool uses <code>encodeURIComponent</code> and <code>decodeURIComponent</code> on the whole input. It leaves letters, digits, <code>-</code>, <code>.</code>, <code>_</code>, <code>~</code>, <code>!</code>, <code>&#x27;</code>, <code>(</code>, <code>)</code>, and <code>*</code> unchanged when encoding; the last five are reserved in <a href="https://datatracker.ietf.org/doc/html/rfc3986" rel="noopener" target="_blank">RFC 3986</a>.</li>
5</ul><span aria-hidden="true" class="float-right mt-2 ml-3"><a class="inline-flex items-center gap-1 underline hover:no-underline font-semibold text-primary hover:text-foreground" tabindex="-1" href="/help/url-encoder/">Learn more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-right lucide-chevron-right-circle size-[1.2em]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 4 4-4 4"></path></svg></a></span></div></section></div><div class="mb-6 break-inside-avoid"><section><h2 class="mt-0 mb-2 font-bold text-lg"><a href="/percent-encoding/" class="no-underline hover:text-primary hover:underline">Reading the byte escapes in a URL</a></h2><div class="prose prose-sm prose-gray dark:prose-invert [&amp;&gt;p:last-of-type]:inline flow-root"><p><a href="/percent-encoding/">Percent-encoding</a>, often called URL encoding, writes a byte as <code>%</code> followed by two hexadecimal digits — the <code>%XX</code> form defined in <a href="https://datatracker.ietf.org/doc/html/rfc3986" rel="noopener" target="_blank">RFC 3986</a>. A space becomes <code>%20</code> and an ampersand used as data can become <code>%26</code>; which characters need escaping depends on the URL component. Internationalized URLs use UTF-8 bytes for non-ASCII text before percent-encoding, while <a href="/idn/">internationalized domain names</a> use IDNA and <a href="/punycode/">Punycode</a> for the host labels.</p><span aria-hidden="true" class="float-right mt-2 ml-3"><a class="inline-flex items-center gap-1 underline hover:no-underline font-semibold text-primary hover:text-foreground" tabindex="-1" href="/percent-encoding/">Learn more<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-right lucide-chevron-right-circle size-[1.2em]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 4 4-4 4"></path></svg></a></span></div></section></div></div></div><section class="commoncomponentlibrary-composition-sidebar"><div><h2 class="mb-4 font-semibold text-lg">Related</h2><div class="flex flex-col gap-4"><div class="mb-6 flex flex-col gap-4"><a class="flex items-start gap-3 font-sans text-foreground text-lg leading-snug no-underline hover:underline" href="https://www.markdownee.com/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=sidebar" data-state="closed"><img alt="Markdownee" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="mt-0.5 size-9 shrink-0" style="color:transparent" src="/_next/static/media/icon.2_7w04tc-8nnr.svg"/><span><strong class="text-primary">Markdownee</strong>: <!-- -->Crawl Web Content as Markdown, Text or HTML — Markdownee</span></a><a class="flex items-start gap-3 font-sans text-foreground text-lg leading-snug no-underline hover:underline" href="https://www.htmlinstant.com/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=sidebar" data-state="closed"><img alt="HTML Instant" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="mt-0.5 size-9 shrink-0" style="color:transparent" src="/_next/static/media/icon.1ia2h7x-njbkv.svg"/><span><strong class="text-primary">HTML Instant</strong>: <!-- -->Online HTML Editor — WYSIWYG and Source Editing</span></a><a class="flex items-start gap-3 font-sans text-foreground text-lg leading-snug no-underline hover:underline" href="https://www.shortc.c
5om/uuid-generator/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=sidebar" data-state="closed"><img alt="GGuid" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="mt-0.5 size-9 shrink-0" style="color:transparent" src="/_next/static/media/icon.23xfp6pu9v503.svg"/><span><strong class="text-primary">GGuid</strong>: <!-- -->UUID Generator — Generate Random v4 UUIDs Online</span></a><div class="text-right"><a href="https://www.shortc.com/tools/" class="inline-flex items-center gap-1 underline hover:no-underline font-semibold text-primary hover:text-foreground">More tools<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-right lucide-chevron-right-circle size-[1.2em]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 4 4-4 4"></path></svg></a></div></div></div></div><div data-nosnippet="true" data-noindex="true" class="mb-6 overflow-hidden rounded-lg border border-border bg-background"><div class="space-y-3 p-4 px-5"><p class="text-base text-foreground leading-relaxed">Check out our<!-- --> <a href="https://apify.com/markdownee/crawler?fpr=glueo" class="font-semibold underline hover:no-underline" target="_blank" rel="noopener">Apify actor for web scraping</a>.</p><p class="text-base text-foreground leading-relaxed">Powered by<!-- --> <a href="https://www.trafilaturacore.com/" class="font-semibold underline hover:no-underline" target="_blank" rel="noopener">Trafilatura Core</a>, an open-source content-extraction engine that pulls the main content from web pages while filtering out boilerplate like navigation, ads, and sidebars.</p><p class="text-base text-foreground leading-relaxed">Ideal for building RAG pipelines, training datasets, or content analysis at scale.</p><hr class="border-border border-t"/><p class="text-base text-foreground leading-relaxed">Did you know?<!-- --> <a href="https://www.apify.com/?fpr=glueo" class="font-semibold underline hover:no-underline" target="_blank" rel="noopener">Apify</a> <!-- -->offers a<!-- --> <a href="https://apify.com/pricing?fpr=glueo" class="font-semibold underline hover:no-underline" target="_blank" rel="noopener">free tier</a> <!-- -->— you<!-- --> <a href="https://apify.com/pricing?fpr=glueo" class="font-semibold underline hover:no-underline" target="_blank" rel="noopener">get $5 to use monthly</a>.</p><hr class="border-border border-t"/><p class="text-base text-foreground leading-relaxed">Apify also has a <span class="font-semibold">super generous</span> <a href="https://apify.com/pricing/creator-plan?fpr=glueo" class="font-semibold underline hover:no-underline" target="_blank" rel="noopener">Creator plan</a> <!-- -->(though you can run only your own actors) that costs just<!-- --> <a href="https://apify.com/pricing/creator-plan?fpr=glueo" class="font-semibold underline hover:no-underline" target="_blank" rel="noopener">$1/month</a> <!-- -->(billed <span class="font-semibold">$6 semi-annually</span>) and includes a one-time<!-- --> <span class="font-semibold">$500 platform credit</span> for your first 6 months — with up to<!-- --> <span class="font-semibold">32 GB RAM</span> and<!-- --> <span class="font-semibold">32 concurrent actor runs</span>.</p></div></div></section></main><section aria-label="Related tools" class="commoncomponentlibrary-composition-prefooter"><div class="grid min-w-0 grid-cols-1 items-start gap-x-4 gap-y-2 md:grid-cols-[auto_1fr_auto]"><div class="flex flex-col gap-x-6 gap-y-2 md:flex-row"><a class="flex items-center text-primary no-underline hover:text-foreground hover:underline" href="https://www.shortc.com/tools/">See also:</a></div><div class="flex min-w-0 flex-col gap-x-6 gap-y-2 md:flex-row md:flex-wrap"><a class="flex items-center whitespace-nowrap font-semibold text-primary no-underline hover:text-foreground hover:underline" href="https://www.gluee.com/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=leftpanel" data-state="closed"><img alt="Gluee" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="size-[1.6rem] pr-2" style="color:transparent" src="/_next/static/media/icon.2gaezvbe6e70r.svg"/><span>Text styling</span></a><a class="flex items-center whitespace-nowrap font-semibold text-primary no-underline hover:text-foreground hover:underline" href="https://www.markdownee.com/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=leftpanel" data-state="closed"><img alt="Markdownee" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="size-[1.6rem] pr-2" style="color:transparent" src="/_next/static/media/icon.2_7w04tc-8nnr.svg"/><span>Context extractor</span></a><a class="flex items-center whitespace-nowrap font-semibold text-primary no-underline hover:text-foreground hover:underline" href="https://www.shortc.c
5om/uuid-generator/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=leftpanel" data-state="closed"><img alt="GGuid" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="size-[1.6rem] pr-2" style="color:transparent" src="/_next/static/media/icon.23xfp6pu9v503.svg"/><span>Guid generator</span></a><a class="flex items-center whitespace-nowrap font-semibold text-primary no-underline hover:text-foreground hover:underline" href="https://www.notationer.com/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=leftpanel" data-state="closed"><img alt="Notationer" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="size-[1.6rem] pr-2" style="color:transparent" src="/_next/static/media/icon.22-xdya0y-nbs.svg"/><span>Text case converter</span></a><a class="flex items-center whitespace-nowrap font-semibold text-primary no-underline hover:text-foreground hover:underline" href="https://www.htmlwasher.com/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=leftpanel" data-state="closed"><img alt="HTML Washer" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="size-[1.6rem] pr-2" style="color:transparent" src="/_next/static/media/icon.08orgwv9m9c3o.svg"/><span>HTML cleanup tool</span></a><a class="flex items-center whitespace-nowrap font-semibold text-primary no-underline hover:text-foreground hover:underline" href="https://www.64baser.com/?utm_source=punycoder&amp;utm_medium=referral&amp;utm_campaign=see-also&amp;utm_content=leftpanel" data-state="closed"><img alt="64baser" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" class="size-[1.6rem] pr-2" style="color:transparent" src="/_next/static/media/icon.33lu3uo2avv9a.svg"/><span>Base64 encoder</span></a></div><div class="flex flex-col gap-x-6 gap-y-2 md:flex-row md:justify-end"><a href="https://www.shortc.com/tools/" class="inline-flex items-center gap-1 underline hover:no-underline font-semibold text-primary hover:text-foreground">More tools<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-right lucide-chevron-right-circle size-[1.2em]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m10 8 4 4-4 4"></path></svg></a></div></div></section><footer class="commoncomponentlibrary-composition-footer"><nav aria-label="Site navigation" class="commoncomponentlibrary-composition-brandlinks"><a href="/">Home</a><a href="/about/">About</a><a href="/press-kit/">Press kit</a><a href="/library/">Library</a><a href="/help/">Help</a></nav><nav aria-label="Legal" class="commoncomponentlibrary-composition-legallinks"><a href="/terms/">Terms</a><a href="/privacy/">Privacy</a></nav></footer></div><!--$--><!--/$-->
5<script src="/_next/static/chunks/0j53xw90-0koo.js" id="_R_" async=""></script>
5<script>(self.__next_f=self.__next_f||[]).push([0])</script>
5<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[546007,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"ProgressBarProvider\"]\n4:I[8343,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"default\"]\n5:I[569929,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/04nptpu3o6l0y.js\"],\"default\"]\n6:I[222981,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"default\"]\n9:I[606099,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nd:I[606099,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"ViewportBoundary\"]\nf:I[606099,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"MetadataBoundary\"]\n11:I[558053,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0c8alhhprpc07.css\",\"style\"]\nc:X\n0:{\"P\":null,\"c\":[\"\",\"url-encoder\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"url-encoder\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0c8alhhprpc07.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2n8quiru85z5f.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0k4rg92ouop-9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/1y1nzuj390e97.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":\"$L2\"}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$5\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/04nptpu3o6l0y.js\",\"async\":true}]],\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L7\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L8\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ib_rkp173pl-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/2woe-i8ysoq9y.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{}
5,null,false,null]},null,false,\"$c\"]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0c8alhhprpc07.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"h0sGPtdryPdyxOanAR5KL\"}\n13:I[904232,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/2ib_rkp173pl-.js\",\"/_next/static/chunks/2woe-i8ysoq9y.js\"],\"Image\"]\n14:I[967916,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/2ib_rkp173pl-.js\",\"/_next/static/chunks/2woe-i8ysoq9y.js\"],\"\"]\n17:I[920337,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/2ib_rkp173pl-.js\",\"/_next/static/chunks/2woe-i8ysoq9y.js\"],\"default\"]\nc:C\n7:[\"$\",\"div\",null,{\"id\":\"main-wrapper\",\"className\":\"commoncomponentlibrary-composition-without-autoheight\",\"children\":[\"$L12\",[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only z-50 rounded-md bg-primary px-4 py-2 font-medium text-primary-foreground ring-ring focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:ring-2\",\"children\":\"Skip to main content\"}],[\"$\",\"header\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-logo\",\"children\":[\"$\",\"a\",null,{\"href\":\"/\",\"children\":[\"$\",\"$L13\",null,{\"width\":180,\"height\":30,\"src\":{\"src\":\"/_next/static/media/logo.0fh5o1upul2kr.svg\",\"width\":180,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"Punycoder\",\"loading\":\"eager\"}]}]}],[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-intro\",\"children\":[false,[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-intro-heading\",\"children\":\"Punycode converter (IDN converter)\"}],[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-intro-body\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cstrong\u003ePunycoder\u003c/strong\u003e converts domain names between Unicode and Punycode (ASCII)\"}}]]}]]}],[\"$\",\"main\",null,{\"id\":\"main-content\",\"className\":\"commoncomponentlibrary-composition-content-without-sidebar commoncomponentlibrary-composition-content-without-autoheight\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4 p-2\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"commoncomponentlibrary-composition-intro-heading\",\"children\":\"Nothing at this address\"}],[\"$\",\"p\",null,{\"className\":\"text-foreground\",\"children\":\"We could not match this address to a page on Punycoder.\"}],[\"$\",\"nav\",null,{\"aria-label\":\"Other places to visit\",\"children\":[\"$\",\"ul\",null,{\"className\":\"flex list-none flex-col gap-2 pl-0\",\"children\":[[\"$\",\"li\",null,{\"className\":\"list-none\",\"children\":[\"$\",\"$L14\",null,{\"href\":\"/\",\"className\":\"text-primary underline\",\"children\":\"Open Punycoder\"}]}],[\"$\",\"li\",null,{\"className\":\"list-none\",\"children\":[\"$\",\"$L14\",null,{\"href\":\"/help/\",\"className\":\"text-primary underline\",\"children\":\"Find usage guidance\"}]}],[\"$\",\"li\",null,{\"className\":\"list-none\",\"children\":[\"$\",\"$L14\",null,{\"href\":\"/library/\",\"className\":\"text-primary underline\",\"children\":\"Explore articles\"}]}],[\"$\",\"li\",null,{\"className\":\"list-none\",\"children\":[\"$\",\"$L14\",null,{\"href\":\"/about/\",\"className\":\"text-primary underline\",\"children\":\"Learn about Punycoder\"}]}]]}]}]]}],\"$undefined\"]}],null,\"$L15\"]}]\n8:[\"$\",\"div\",null,{\"id\":\"main-wrapper\",\"className\":\"commoncomponentlibrary-composition-with-autoheight\",\"children\":[\"$L16\",[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only z-50 rounded-md bg-primary px-4 py-2 font-medium text-primary-foreground ring-ring focus:not-sr-only focu
5s:absolute focus:top-2 focus:left-2 focus:ring-2\",\"children\":\"Skip to main content\"}],[\"$\",\"header\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-logo\",\"children\":[\"$\",\"a\",null,{\"href\":\"/\",\"children\":[\"$\",\"$L13\",null,{\"width\":180,\"height\":30,\"src\":{\"src\":\"/_next/static/media/logo.0fh5o1upul2kr.svg\",\"width\":180,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"URL encoder \u0026 decoder\",\"loading\":\"eager\"}]}]}],[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-intro\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"commoncomponentlibrary-composition-intro-heading\",\"children\":\"URL encoder \u0026 decoder\"}],false,[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-intro-body\",\"dangerouslySetInnerHTML\":{\"__html\":\"Encode text for URL components and decode percent-encoded text\"}}]]}]]}],[\"$\",\"main\",null,{\"id\":\"main-content\",\"className\":\"commoncomponentlibrary-composition-content-with-sidebar commoncomponentlibrary-composition-content-with-autoheight\",\"children\":[[\"$\",\"div\",null,{\"className\":\"commoncomponentlibrary-composition-main-with-autoheight\",\"children\":[null,[[\"$\",\"div\",null,{\"className\":\"grid grid-rows-[auto_auto]\",\"children\":[[\"$\",\"nav\",null,{\"aria-label\":\"Sections\",\"className\":\"@container\",\"children\":[\"$\",\"div\",null,{\"data-count\":3,\"className\":\"grid w-fit gap-1 auto-cols-max grid-flow-col @max-[43rem]:grid-flow-row @max-[43rem]:grid-cols-2 @max-[43rem]:data-[count=3]:[\u0026\u003e*:first-child]:col-span-2 @max-[43rem]:data-[count=5]:[\u0026\u003e*:first-child]:col-span-2\",\"children\":[[\"$\",\"$L14\",\"/\",{\"href\":\"/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-w-0 items-center justify-center gap-2 px-2 py-2 font-semibold text-primary no-underline sm:gap-3 sm:px-4 roun
5ded-t-md hover:bg-card ring-1 ring-card\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon.40bbv6llxnzq9.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"width\":24,\"height\":24,\"className\":\"size-5 shrink-0 sm:size-6\"}],[\"$\",\"span\",null,{\"className\":\"flex min-w-0 flex-col text-sm leading-tight sm:text-base\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Punycode encoder\"}],\"$undefined\"]}]]}],[\"$\",\"$L14\",\"/url-encoder/\",{\"href\":\"/url-encoder/\",\"aria-current\":\"page\",\"className\":\"flex min-w-0 items-center justify-center gap-2 px-2 py-2 font-semibold text-primary no-underline sm:gap-3 sm:px-4 rounded-t-md hover:bg-card bg-card\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon.41k82qrf8kf6j.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"width\":24,\"height\":24,\"className\":\"size-5 shrink-0 sm:size-6\"}],[\"$\",\"span\",null,{\"className\":\"flex min-w-0 flex-col text-sm leading-tight sm:text-base\",\"children\":[[\"$\",\"span\",null,{\"children\":\"URL encoder\"}],\"$undefined\"]}]]}],[\"$\",\"$L14\",\"/hosting/\",{\"href\":\"/hosting/\",\"aria-current\":\"$undefined\",\"className\":\"flex min-w-0 items-center justify-center gap-2 px-2 py-2 font-semibold text-primary no-underline sm:gap-3 sm:px-4 roun
5ded-t-md hover:bg-card ring-1 ring-card\",\"children\":[[\"$\",\"$L13\",null,{\"src\":{\"src\":\"/_next/static/media/icon.323itizj8ld8i.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"alt\":\"\",\"width\":24,\"height\":24,\"className\":\"size-5 shrink-0 sm:size-6\"}],[\"$\",\"span\",null,{\"className\":\"flex min-w-0 flex-col text-sm leading-tight sm:text-base\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Hosting comparison\"}],\"$undefined\"]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"rounded-md bg-card p-4 sm:rounded-tl-none\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"ref\":\"$undefined\",\"role\":\"status\",\"children\":[[\"$\",\"div\",\"not-punycode\",{\"className\":\"mt-2 flex items-center gap-2 rounded-md bg-note px-3 ring-1 ring-white py-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex-shrink-0 rounded-full p-1.5 bg-primary\",\"children\":[\"$\",\"$L17\",null,{\"ref\":\"$undefined\",\"icon\":{\"name\":\"signpost\",\"size\":24,\"node\":[[\"path\",{\"d\":\"M12 13v8\",\"key\":\"1l5pq0\"}],[\"path\",{\"d\":\"M12 3v3\",\"key\":\"1n5kay\"}],[\"path\",{\"d\":\"M2.354 10.354a1.207 1.207 0 0 1 0-1.708l2.06-2.06A2 2 0 0 1 5.828 6h12.344a2 2 0 0 1 1.414.586l2.06 2.06a1.207 1.207 0 0 1 0 1.708l-2.06 2.06a2 2 0 0 1-1.414.586H5.828a2 2 0 0 1-1.414-.586z\",\"key\":\"1tm261\"}]]},\"className\":\"h-5 w-5 text-white\",\"aria-hidden\":\"true\"}]}],\"$L18\"]}]]}],\"$L19\"]}],\"$L1a\"]}]}]]}],\"$L1b\"],\"$undefined\"]}],\"$L1c\"]}],\"$L1d\",\"$L1e\"]}]\n1f:I[120191,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/2ib_rkp173pl-.js\",\"/_next/static/chunks/2woe-i8ysoq9y.js\"],\"default\"]\n21:I[448060,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/2ib_rkp173pl-.js\",\"/_next/static/chunks/2woe-i8ysoq9y.js\"],\"default\"]\n22:I[557181,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/2ib_rkp173pl-.js\",\"/_next/static/chunks/2woe-i8ysoq9y.js\"],\"\"]\n18:[\"$\",\"span\",null,{\"className\":\"text-2xl\",\"children\":[\"This tool performs URL percent encoding, not Punycode. For Punycode, use the \",[\"$\",\"$L14\",null,{\"href\":\"/\",\"children\":\"Punycode converter\"}],\".\"]}]\n19:[\"$\",\"h2\",null,{\"className\":\"mt-2\",\"children\":\"URL encode and decode text\"}]\n1a:[\"$\",\"$L1f\",null,{}]\n1c:[\"$\",\"section\",null,{\"className\":\"commoncomponentlibrary-composition-sidebar\",\"children\":[\"$L20\",[\"$\",\"div\",null,{\"data-nosnippet\":true,\"data-noindex\":true,\"className\":\"mb-6 overflow-hidden rounded-lg border border-border bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"space-y-3 p-4 px-5\",\"children\":[[[\"$\",\"p\",null,{\"className\":\"text-base text-foreground leading-relaxed\",\"children\":[\"Check out our\",\" \",[\"$\",\"a\",null,{\"href\":\"https://apify.com/markdownee/crawler?fpr=glueo\",\"className\":\"font-semibold underline hover:no-underline\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"Apify actor for web scraping\"}],\".\"]}],[\"$\",\"p\",null,{\"className\":\"text-base text-foreground leading-relaxed\",\"children\":[\"Powered by\",\" \",[\"$\",\"a\",null,{\"href\":\"https://www.trafilaturacore.com/\",\"className\":\"font-semibold underline hover:no-underline\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"Trafilatura Core\"}],\", an open-source content-extraction engine that pulls the main content from web pages while filtering out boilerplate like navigation, ads, and sidebars.\"]}],[\"$\",\"p\",null,{\"className\":\"text-base text-foreground leading-relaxed\",\"children\":\"Ideal for building RAG pipelines, training datasets, or content analysis at scale.\"}],[\"$\",\"hr\",null,{\"className\":\"border-border border-t\"}]],[\"$\",\"p\",null,{\"className\":\"text-base text-foreground leading-relaxed\",\"children\":[\"Did you know?\",\" \",[\"$\",\"a\",null,{\"href\":\"https://www.apify.c
5om/?fpr=glueo\",\"className\":\"font-semibold underline hover:no-underline\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"Apify\"}],\" \",\"offers a\",\" \",[\"$\",\"a\",null,{\"href\":\"https://apify.com/pricing?fpr=glueo\",\"className\":\"font-semibold underline hover:no-underline\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"free tier\"}],\" \",\"— you\",\" \",[\"$\",\"a\",null,{\"href\":\"https://apify.com/pricing?fpr=glueo\",\"className\":\"font-semibold underline hover:no-underline\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"get $5 to use monthly\"}],\".\"]}],[\"$\",\"hr\",null,{\"className\":\"border-border border-t\"}],[\"$\",\"p\",null,{\"className\":\"text-base text-foreground leading-relaxed\",\"children\":[\"Apify also has a \",[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"super generous\"}],\" \",[\"$\",\"a\",null,{\"href\":\"https://apify.com/pricing/creator-plan?fpr=glueo\",\"className\":\"font-semibold underline hover:no-underline\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"Creator plan\"}],\" \",\"(though you can run only your own actors) that costs just\",\" \",[\"$\",\"a\",null,{\"href\":\"https://apify.com/pricing/creator-plan?fpr=glueo\",\"className\":\"font-semibold underline hover:no-underline\",\"target\":\"_blank\",\"rel\":\"noopener\",\"children\":\"$$1/month\"}],\" \",\"(billed \",[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"$$6 semi-annually\"}],\") and includes a one-time\",\" \",[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"$$500 platform credit\"}],\" for your first 6 months — with up to\",\" \",[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"32 GB RAM\"}],\" and\",\" \",[\"$\",\"span\",null,{\"className\":\"font-semibold\",\"children\":\"32 concurrent actor runs\"}],\".\"]}]]}]}],\"$undefined\"]}]\n1d:[\"$\",\"section\",null,{\"aria-label\":\"Related tools\",\"className\":\"commoncomponentlibrary-composition-prefooter\",\"children\":[\"$\",\"$L21\",null,{\"services\":[{\"id\":\"gluee\",\"name\":\"Gluee\",\"title\":\"Gluee: Fancy Text, Progress Bars, Big Letters \u0026 More\",\"description\":\"Create progress bars, fancy Unicode text, strikethrough, Zalgo, box frames, big letters, Morse code, small caps, upside-down text, and more. Choose a generator, adjust its controls, and copy the result. Free browser-based tools.\",\"shortDescription\":\"Text styling\",\"squareServiceImage\":{\"src\":\"/_next/static/media/icon.2gaezvbe6e70r.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"serviceUrlWithUtmTags\":\"https://www.gluee.com/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=leftpanel\",\"displayableServiceUrl\":\"www.gluee.com\"},{\"id\":\"markdownee\",\"name\":\"Markdownee\",\"title\":\"Crawl Web Content as Markdown, Text or HTML — Markdownee\",\"description\":\"Crawl main content from web pages with Trafilatura Core's heuristics for removing navigation and other boilerplate. Crawlee, a TypeScript crawler, drives Playwright or fetches pages over plain HTTP with Cheerio. Choose plain text, Markdown, readable HTML, or Minified HTML for extracted content; raw output keeps the original page source. Use the output in LLM workflows or article archives. Free to try — no login required.\",\"shortDescription\":\"Context extractor\",\"squareServiceImage\":{\"src\":\"/_next/static/media/icon.2_7w04tc-8nnr.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"serviceUrlWithUtmTags\":\"https://www.markdownee.com/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=leftpanel\",\"displayableServiceUrl\":\"www.markdownee.com\"},{\"id\":\"gguid\",\"name\":\"GGuid\",\"title\":\"UUID Generator — Generate Random v4 UUIDs Online\",\"description\":\"Generate RFC 4122 version 4 (random) UUIDs instantly. Options for uppercase output, stripping hyphens, wrapping in braces, and generating multiple UUIDs in a batch. Copy results with one click. Free online tool — no account required.\",\"shortDe
5scription\":\"Guid generator\",\"squareServiceImage\":{\"src\":\"/_next/static/media/icon.23xfp6pu9v503.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"serviceUrlWithUtmTags\":\"https://www.shortc.com/uuid-generator/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=leftpanel\",\"displayableServiceUrl\":\"www.shortc.com/uuid-generator\"},{\"id\":\"notationer\",\"name\":\"Notationer\",\"title\":\"Text Case Converter — camelCase, snake_case, and More\",\"description\":\"Convert one or more lines of text to camelCase, PascalCase, snake_case, kebab-case, SCREAMING_SNAKE_CASE, upper case, or lower case.\",\"shortDescription\":\"Text case converter\",\"squareServiceImage\":{\"src\":\"/_next/static/media/icon.22-xdya0y-nbs.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"serviceUrlWithUtmTags\":\"https://www.notationer.com/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=leftpanel\",\"displayableServiceUrl\":\"www.notationer.com\"},{\"id\":\"htmlwasher\",\"name\":\"HTML Washer\",\"title\":\"HTML Cleaner — Clean Up \u0026 Simplify HTML Online\",\"description\":\"Paste HTML, upload a file, or provide a page URL, then choose how much markup to keep. HTML Washer applies the selected preset to scripts, styling, comments, and other elements. Use the resulting HTML in the next step of your work. The online tool is free and requires no account.\",\"shortDescription\":\"HTML cleanup tool\",\"squareServiceImage\":{\"src\":\"/_next/static/media/icon.08orgwv9m9c3o.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"serviceUrlWithUtmTags\":\"https://www.htmlwasher.com/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=leftpanel\",\"displayableServiceUrl\":\"www.htmlwasher.com\"},{\"id\":\"sixtyfourbaser\",\"name\":\"64baser\",\"title\":\"Base64 Encoder and Decoder | 64baser\",\"description\":\"Encode text or file bytes with the standard Base64 alphabet defined by RFC 4648. Decode Base64 into text when it is displayable, or download the decoded bytes as a file.\",\"shortDescription\":\"Base64 encoder\",\"squareServiceImage\":{\"src\":\"/_next/static/media/icon.33lu3uo2avv9a.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"serviceUrlWithUtmTags\":\"https://www.64baser.com/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=leftpanel\",\"displayableServiceUrl\":\"www.64baser.com\"}]}]}]\n2:[[\"$\",\"$L22\",null,{\"id\":\"_ga-source\",\"async\":true,\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-N3XBQHFLMT\"}],[\"$\",\"$L22\",null,{\"id\":\"_ga-init\",\"dangerouslySetInnerHTML\":{\"__html\":\"window.dataLayer = window.dataLayer || [];\\n  function gtag(){dataLayer.push(arguments);}\\n  gtag('js', new Date());\\n\\n  gtag('config', 'G-N3XBQHFLMT');\\ngtag('config', 'G-8PYGJJ5YWC');\"}}]]\n12:null\n23:I[14895,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\",\"/_next/static/chunks/2ib_rkp173pl-.js\",\"/_next/static/chunks/2woe-i8ysoq9y.js\"],\"default\"]\n15:[\"$\",\"footer\",null,{\"className\":\"commoncomponentlibrary-composition-footer commoncomponentlibrary-composition-footer-standalone\",\"children\":[false,[\"$\",\"nav\",null,{\"aria-label\":\"Site navigation\",\"className\":\"commoncomponentlibrary-composition-brandlinks\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/\",\"aria-current\":\"$undefined\",\"children\":\"Home\"}],[[\"$\",\"a\",null,{\"href\":\"/about/\",\"aria-current\":\"$undefined\",\"children\":\"About\"}],[\"$\",\"a\",null,{\"href\":\"/press-kit/\",\"aria-current\":\"$undefined\",\"children\":\"Press kit\"}]],false,[\"$\",\"a\",null,{\"href\":\"/library/\",\"aria-current\":\"$undefined\",\"children\":\"Library\"}],[\"$\",\"a\",null,{\"href\":\"/help/\",\"aria-current\":\"$undefined\",\"children\":\"Help\"}],[]]}],[\"$\",\"nav\",null,{\"aria-label\":\"Legal\",\"className\":\"commoncomponentlibrary-composition-legallinks\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/terms/\",\"aria-current\":\"$undefined\",\"children\":\"Terms\"}],[\"$\",\"a\",null,{\"href\":\"/privacy/\",\"aria-current\":\"$undefined\",\"children\":\"Privacy\"}]]}]]}]\n20:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-4 font-semibold text-lg\",\"children\":\"Related\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"mb-6 flex flex-col gap-4\",\"children\":[[[\"$\",\"$L23\",\"markdownee\",{\"id\":\"markdownee\",\"name\":\"Markdownee\",\"title\":\"Crawl Web Content as Markdown, Text or HTML — Markdownee\",\"description\":\"Crawl main content from web pages with Trafilatura Core's heuristics for removing navigation and other boilerplate. Crawlee, a TypeScript crawler, drives Playwright or fetches pages over plain HTTP with Cheerio. Choose plain text, Markdown, readable HTML, or Minified HTML for extracted content; raw output keeps the original page source. Use the output in LLM workflows or article ar
5chives. Free to try — no login required.\",\"squareServiceImage\":\"$1d:props:children:props:services:1:squareServiceImage\",\"serviceUrlWithUtmTags\":\"https://www.markdownee.com/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=sidebar\"}],[\"$\",\"$L23\",\"htmlinstant\",{\"id\":\"htmlinstant\",\"name\":\"HTML Instant\",\"title\":\"Online HTML Editor — WYSIWYG and Source Editing\",\"description\":\"Create and edit HTML in linked visual and source panes. Use the formatting controls or write markup directly, then inspect the corresponding result in the other pane. The editor runs in your browser without an account or installation.\",\"squareServiceImage\":{\"src\":\"/_next/static/media/icon.1ia2h7x-njbkv.svg\",\"width\":30,\"height\":30,\"blurWidth\":0,\"blurHeight\":0},\"serviceUrlWithUtmTags\":\"https://www.htmlinstant.com/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=sidebar\"}],[\"$\",\"$L23\",\"gguid\",{\"id\":\"gguid\",\"name\":\"GGuid\",\"title\":\"UUID Generator — Generate Random v4 UUIDs Online\",\"description\":\"Generate RFC 4122 version 4 (random) UUIDs instantly. Options for uppercase output, stripping hyphens, wrapping in braces, and generating multiple UUIDs in a batch. Copy results with one click. Free online tool — no account required.\",\"squareServiceImage\":\"$1d:props:children:props:services:2:squareServiceImage\",\"serviceUrlWithUtmTags\":\"https://www.shortc.com/uuid-generator/?utm_source=punycoder\u0026utm_medium=referral\u0026utm_campaign=see-also\u0026utm_content=sidebar\"}]],[\"$\",\"div\",null,{\"className\":\"text-right\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.shortc.com/tools/\",\"className\":\"inline-flex items-center gap-1 underline hover:no-underline font-semibold text-primary hover:text-foreground\",\"tabIndex\":\"$undefined\",\"children\":[\"More tools\",[\"$\",\"$L17\",null,{\"ref\":\"$undefined\",\"icon\":{\"name\":\"circle-chevron-right\",\"size\":24,\"node\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"key\":\"1mglay\"}],[\"path\",{\"d\":\"m10 8 4 4-4 4\",\"key\":\"1wy4r4\"}]],\"aliases\":[\"chevron-right-circle\"]},\"className\":\"size-[1.2em]\",\"aria-hidden\":\"true\"}]]}]}]]}]]}]]}]\n1e:[\"$\",\"footer\",null,{\"className\":\"commoncomponentlibrary-composition-footer\",\"children\":[false,[\"$\",\"nav\",null,{\"aria-label\":\"Site navigation\",\"className\":\"commoncomponentlibrary-composition-brandlinks\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/\",\"aria-current\":\"$undefined\",\"children\":\"Home\"}],[[\"$\",\"a\",null,{\"href\":\"/about/\",\"aria-current\":\"$undefined\",\"children\":\"About\"}],[\"$\",\"a\",null,{\"href\":\"/press-kit/\",\"aria-current\":\"$undefined\",\"children\":\"Press kit\"}]],false,[\"$\",\"a\",null,{\"href\":\"/library/\",\"aria-current\":\"$undefined\",\"children\":\"Library\"}],[\"$\",\"a\",null,{\"href\":\"/help/\",\"aria-current\":\"$undefined\",\"children\":\"Help\"}],[]]}],[\"$\",\"nav\",null,{\"aria-label\":\"Legal\",\"className\":\"commoncomponentlibrary-composition-legallinks\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/terms/\",\"aria-current\":\"$undefined\",\"children\":\"Terms\"}],[\"$\",\"a\",null,{\"href\":\"/privacy/\",\"aria-current\":\"$undefined\",\"children\":\"Privacy\"}]]}]]}]\n24:T942,{\"@context\":\"https://schema.org\",\"@type\":\"WebApplication\",\"url\":\"https://www.punycoder.com/url-encoder/\",\"image\":\"https://www.punycoder.com/_next/static/media/opengraph.0r_780gvrflv-.png\",\"keywords\":[\"idn\",\"punycode\",\"localization\",\"domain\",\"domains\"],\"isAccessibleForFree\":true,\"inLanguage\":\"en\",\"author\":{\"@type\":\"Organization\",\"name\":\"Glueo, s.r.o.\",\"url\":\"https://www.glueo.com/\"},\"name\":\"URL encoder \u0026 decoder 🧰\",\"alternateName\":[\"Percent encoder\",\"Percent decoder\",\"URL percent encoding\",\"URL percent decoding\",\"URL encoding\",\"URL decoding\",\"URL escape\",\"URL unescape\",\"URL escape characters\",\"URL unescape characters\",\"URL encode\",\"URL decode\",\"URL encode characters\",\"URL decode\"],\"de
5scription\":\"Encode text for a query value or path segment, or decode percent-encoded UTF-8 text. Uses JavaScript's encodeURIComponent and decodeURIComponent functions on the whole input. Free online tool — no account or installation required.\",\"applicationCategory\":\"DeveloperApplication\",\"applicationSuite\":\"Glueo tools\",\"operatingSystem\":\"All\",\"browserRequirements\":\"Requires HTML5 support and JavaScript\",\"softwareRequirements\":\"Web browser with JavaScript support\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\"},\"disambiguatingDescription\":\"Performs URL percent encoding (RFC 3986), not Punycode encoding. For Punycode international domain name conversion, use the Punycode converter (https://www.punycoder.com/).\",\"relatedLink\":[\"https://www.punycoder.com/\",\"https://www.punycoder.com/help/url-encoder/\",\"https://www.punycoder.com/percent-encoding/\",\"https://www.punycoder.com/idn/\",\"https://www.punycoder.com/url-encoder/\"],\"supportingData\":{\"@type\":\"DataFeed\",\"name\":\"SupportingDataDataFeed\",\"description\":\"Data supported by the application, consumed or produced\",\"dataFeedElement\":[{\"@type\":\"ComputerLanguage\",\"name\":\"Punycode\",\"sameAs\":[\"https://en.wikipedia.org/wiki/Punycode\",\"https://tools.ietf.org/html/rfc5895\"]},{\"@type\":\"ComputerLanguage\",\"name\":\"IDN\",\"sameAs\":[\"https://en.wikipedia.org/wiki/Internationalized_domain_name\",\"https://tools.ietf.org/html/rfc5895\"]},{\"@type\":\"ComputerLanguage\",\"name\":\"ASCII\",\"sameAs\":\"https://en.wikipedia.org/wiki/ASCII\"},{\"@type\":\"ComputerLanguage\",\"name\":\"UTF-8\",\"sameAs\":\"https://en.wikipedia.org/wiki/UTF-8\"},{\"@type\":\"ComputerLanguage\",\"name\":\"Unicode\",\"sameAs\":\"https://en.wikipedia.org/wiki/Unicode\"}]}}16:[\"$\",\"section\",null,{\"children\":[\"$\",\"script\",\"jsonld\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$24\"}}]}]\n1b:[\"$\",\"div\",null,{\"className\":\"mt-4 columns-[20rem] gap-x-8\",\"children\":[[\"$\",\"div\",\"/help/url-encoder/\",{\"className\":\"mb-6 break-inside-avoid\",\"children\":[\"$\",\"section\",null,{\"className\":\"$undefined\",\"children\":[\"$undefined\",[\"$\",\"h2\",null,{\"className\":\"mt-0 mb-2 font-bold text-lg\",\"children\":[\"$\",\"a\",null,{\"href\":\"/help/url-encoder/\",\"className\":\"no-underline hover:text-primary hover:underline\",\"children\":\"How to use the URL encoder?\"}]}],\"$undefined\",[\"$\",\"div\",null,{\"className\":\"prose prose-sm prose-gray dark:prose-invert [\u0026\u003ep:last-of-type]:inline flow-root\",\"children\":[[[\"$\",\"ul\",\"ul-0\",{\"children\":[\"\\n\",[\"$\",\"li\",\"li-0\",{\"className\":\"$undefined\",\"children\":[\"Enter text on the left side to URL encode it, or enter \",[\"$\",\"a\",\"a-0\",{\"href\":\"/percent-encoding/\",\"children\":\"percent-encoded\"}],\" text on the right side to decode it\"]}],\"\\n\",[\"$\",\"li\",\"li-1\",{\"className\":\"$undefined\",\"children\":[\"Spaces become \",[\"$\",\"code\",\"code-0\",{\"children\":\"%20\"}],\"; non-ASCII characters become percent-encoded UTF-8 bytes.\"]}],\"\\n\",[\"$\",\"li\",\"li-2\",{\"className\":\"$undefined\",\"children\":[\"The tool uses \",[\"$\",\"code\",\"code-0\",{\"children\":\"encodeURIComponent\"}],\" and \",[\"$\",\"code\",\"code-1\",{\"children\":\"decodeURIComponent\"}],\" on the whole input. It leaves letters, digits, \",[\"$\",\"code\",\"code-2\",{\"children\":\"-\"}],\", \",[\"$\",\"code\",\"code-3\",{\"children\":\".\"}],\", \",[\"$\",\"code\",\"code-4\",{\"children\":\"_\"}],\", \",[\"$\",\"code\",\"code-5\",{\"children\":\"~\"}],\", \",[\"$\",\"code\",\"code-6\",{\"children\":\"!\"}],\", \",[\"$\",\"code\",\"code-7\",{\"children\":\"'\"}],\", \",[\"$\",\"code\",\"code-8\",{\"children\":\"(\"}],\", \",[\"$\",\"code\",\"code-9\",{\"children\":\")\"}],\", and \",[\"$\",\"code\",\"code-10\",{\"children\":\"*\"}],\" unchanged when encoding; the last five are reserved in \",[\"$\",\"a\",\"a-0\",{\"href\":\"https://datatracker.ietf.org/doc/html/rfc3986\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":\"RFC 3986\"}],\".\"]}],\"\\n\"]}]],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"float-right mt-2 ml-3\",\"children\":[\"$\",\"$L14\",null,{\"href\":\"/help/url-encoder/\",\"className\":\"inline-flex items-center gap-1 underline hover:no-underline font-semibold text-primary hover:text-foreground\",\"tabIndex\":-1,\"children\":[\"Learn more\",[\"$\",\"$L17\",null,{\"ref\":\"$undefined\",\"icon\":\"$20:props:children:1:props:children:0:props:children:1:props:children:props:children:1:props:icon\",\"className\":\"size-[1.2em]\",\"aria-hidden\":\"true\"}]]}]}]]}],\"$undefined\"]}]}],[\"$\",\"div\",\"/percent-encoding/\",{\"className\":\"mb-6 break-inside-avoid\",\"children\":[\"$\",\"section\",null,{\"className\":\"$undefined\",\"children\":[\"$undefined\",[\"$\",\"h2\",null,{\"className\":\"mt-0 mb-2 font-bold text-lg\",\"children\":[\"$\",\"a\",null,{\"href\":\"/percent-encoding/\",\"className\":\"no-u
5nderline hover:text-primary hover:underline\",\"children\":\"Reading the byte escapes in a URL\"}]}],\"$undefined\",[\"$\",\"div\",null,{\"className\":\"prose prose-sm prose-gray dark:prose-invert [\u0026\u003ep:last-of-type]:inline flow-root\",\"children\":[[[\"$\",\"p\",\"p-0\",{\"children\":[[\"$\",\"a\",\"a-0\",{\"href\":\"/percent-encoding/\",\"children\":\"Percent-encoding\"}],\", often called URL encoding, writes a byte as \",[\"$\",\"code\",\"code-0\",{\"children\":\"%\"}],\" followed by two hexadecimal digits — the \",[\"$\",\"code\",\"code-1\",{\"children\":\"%XX\"}],\" form defined in \",[\"$\",\"a\",\"a-1\",{\"href\":\"https://datatracker.ietf.org/doc/html/rfc3986\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":\"RFC 3986\"}],\". A space becomes \",[\"$\",\"code\",\"code-2\",{\"children\":\"%20\"}],\" and an ampersand used as data can become \",[\"$\",\"code\",\"code-3\",{\"children\":\"%26\"}],\"; which characters need escaping depends on the URL component. Internationalized URLs use UTF-8 bytes for non-ASCII text before percent-encoding, while \",[\"$\",\"a\",\"a-2\",{\"href\":\"/idn/\",\"children\":\"internationalized domain names\"}],\" use IDNA and \",[\"$\",\"a\",\"a-3\",{\"href\":\"/punycode/\",\"children\":\"Punycode\"}],\" for the host labels.\"]}]],[\"$\",\"span\",null,{\"aria-hidden\":\"true\",\"className\":\"float-right mt-2 ml-3\",\"children\":[\"$\",\"$L14\",null,{\"href\":\"/percent-encoding/\",\"className\":\"inline-flex items-center gap-1 underline hover:no-underline font-semibold text-primary hover:text-foreground\",\"tabIndex\":-1,\"children\":[\"Learn more\",[\"$\",\"$L17\",null,{\"ref\":\"$undefined\",\"icon\":\"$20:props:children:1:props:children:0:props:children:1:props:children:props:children:1:props:icon\",\"className\":\"size-[1.2em]\",\"aria-hidden\":\"true\"}]]}]}]]}],\"$undefined\"]}]}]]}]\ne:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#ffffff\"}],[\"$\",\"meta\",\"3\",{\"name\":\"color-scheme\",\"content\":\"light\"}]]\nb:null\n10:[[\"$\",\"title\",\"0\",{\"children\":\"URL Encoder \u0026 Decoder — Percent-Encoding Tool 🧰\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Percent-encode text for URL components or decode it back. Convert spaces to %20 and \u0026 to %26 using JavaScript's encodeURIComponent rules. 🔧🛠\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"URL encoder \u0026 decoder\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://www.glueo.com/\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Glueo, s.r.o.\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"6\",{\"name\":\"generator\",\"content\":\"Glueo, s.r.o.\"}],[\"$\",\"meta\",\"7\",{\"name\":\"keywords\",\"content\":\"idn,punycode,localization,domain,domains\"}],[\"$\",\"meta\",\"8\",{\"name\":\"referrer\",\"content\":\"origin-when-cross-origin\"}],[\"$\",\"meta\",\"9\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"10\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"11\",{\"name\":\"impact-site-verification\",\"content\":\"814783d0-c55d-4bf9-9406-00cfa7e7cbfd\"}],[\"$\",\"link\",\"12\",{\"rel\":\"canonical\",\"href\":\"https://www.punycoder.com/url-encoder/\"}],[\"$\",\"meta\",\"13\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:title\",\"content\":\"URL Encoder \u0026 Decoder — Percent-Encoding Tool 🧰\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:description\",\"content\":\"Encode text for a query value or path segment, or decode percent-encoded UTF-8 text. Uses JavaScript's encodeURIComponent and decodeURIComponent functions on the whole input. Free online tool — no account or installation required. 🔧🛠\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:url\",\"content\":\"https://www.punycoder.com/url-encoder/\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:site_name\",\"content\":\"URL encoder \u0026 decoder\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://www.punycoder.com/_next/static/media/opengraph.0r_780gvrflv-.png\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:alt\",\"content\":\"URL encoder \u0026 decoder\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:site\",\"content\":\"@PunycoderCom\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:creator\",\"content\":\"@glueo\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:title\",\"content\":\"URL Encoder \u0026 Decoder — Percent-Encoding Tool 🧰\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:description\",\"content\":\"Encode text for a query value or path segment, or decode percent-encoded UTF-8 text. Uses JavaScript's encodeURIComponent and decodeURIComponent functions on the whole input. Free online tool — no account or installation required. 🔧🛠\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image\",\"content\":\"https://www.punycoder.com/_next/static/media/opengraph.0r_780gvrflv-.png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon16x16.2rte3wqp_c3f6.png\",\"type\":\"image/png\",\"sizes\":\"16x16\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon32x32.2gfcm31o2nm3s.png\",\"type\":\"image/png\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon48x48.1vja8mhug_bc7.png\",\"type\":\"image/png\",\"sizes\":\"48x48\"}],[\"$\",\"link\",\"33\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon64x64.0pxp7fgx_47wx.png\",\"type\":\"image/png\",\"sizes\":\"64x64\"}],[\"$\",\"link\",\"34\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon128x128.1w9_7h7l4rj0t.png\",\"type\":\"image/png\",\"sizes\":\"128x128\"}],[\"$\",\"link\",\"35\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon180x180.3q5vw0wzkvsrr.png\",\"type\":\"image/png\",\"sizes\":\"180x180\"}],[\"$\",\"link\",\"36\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon192x192.3uzk1_749pp82.png\",\"type\":\"image/png\",\"sizes\":\"192x192\"}],[\"$\",\"link\",\"37\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon256x256.0mzqg076klv4f.png\",\"type\":\"image/png\",\"sizes\":\"256x256\"}],[\"$\",\"link\",\"38\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon300x300.1jv178--3xoar.png\",\"type\":\"image/png\",\"sizes\":\"300x300\"}],\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\"]\n2c:I[681881,[\"/_next/static/chunks/2n8quiru85z5f.js\",\"/_next/static/chunks/0k4rg92ouop-9.js\",\"/_next/static/chunks/1kjqzvi9rq7ds.js\",\"/_next/static/chunks/1y1nzuj390e97.js\"],\"IconMark\"]\n25:[\"$\",\"link\",\"39\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon384x384.0b2-m0m2-h6zo.png\",\"type\":\"image/png\",\"sizes\":\"384x384\"}]\n26:[\"$\",\"link\",\"40\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon512x512.37kw10drzj0j7.png\",\"type\":\"image/png\",\"sizes\":\"512x512\"}]\n27:[\"$\",\"link\",\"41\",{\"rel\":\"apple-touch-icon\",\"href\":\"/_next/static/media/icon180x180.3q5vw0wzkvsrr.png\",\"type\":\"image/png\",\"sizes\":\"180x180\"}]\n28:[\"$\",\"link\",\"42\",{\"rel\":\"icon\",\"href\":\"/_next/static/media/icon.40bbv6llxnzq9.svg\",\"type\":\"image/svg+xml\"}]\n29:[\"$\",\"link\",\"43\",{\"rel\":\"preconnect\",\"href\":\"https://www.googletagmanager.com\"}]\n2a:[\"$\",\"link\",\"44\",{\"rel\":\"dns-prefetch\",\"href\":\"https://www.googletagmanager.com\"}]\n2b:[\"$\",\"$L2c\",\"45\",{}]\n"])</script>
5<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e4465cf8a1d1440e92d8ca16e9cd824d","r":1,"spa":2}' crossorigin="anonymous"></script>
5
6</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.