{"id":110,"date":"2026-05-28T23:39:13","date_gmt":"2026-05-28T23:39:13","guid":{"rendered":"https:\/\/quicktoolz.net\/blog\/how-to-url-encode-decode-online\/"},"modified":"2026-05-28T23:39:13","modified_gmt":"2026-05-28T23:39:13","slug":"how-to-url-encode-decode-online","status":"publish","type":"post","link":"https:\/\/quicktoolz.net\/blog\/how-to-url-encode-decode-online\/","title":{"rendered":"How to URL Encode and Decode Text Online for Free"},"content":{"rendered":"<p><em>Use the free <a href=\"https:\/\/quicktoolz.net\/\">QuickToolz<\/a> developer tools \u2014 no signup, no install, works in your browser.<\/em><\/p>\n<div style=\"background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 16px 20px;margin:32px 0;font-family:system-ui,sans-serif;\">\n<p style=\"text-align:center;font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 20px;\">How to Use How to URL Encode and Decode Text Online for Free<\/p>\n<div style=\"display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0;\">\n<div style=\"background:#fefce8;border:2px solid #eab308;border-radius:10px;padding:14px 8px;width:100px;min-width:90px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;\">\n<div style=\"margin-bottom:6px;\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZWFiMzA4Ij48cGF0aCBkPSJNMTQuMDYgMi45NGExLjUgMS41IDAgMCAxIDIuMTIgMGw0Ljg4IDQuODhhMS41IDEuNSAwIDAgMSAwIDIuMTJsLTExIDExQTEuNSAxLjUgMCAwIDEgOSAyMS41SDQuNUExLjUgMS41IDAgMCAxIDMgMjB2LTQuNWExLjUgMS41IDAgMCAxIC40NC0xLjA2bDEwLjYyLTEwLjV6Ii8+PC9zdmc+\" width=\"30\" height=\"30\" alt=\"Paste your text\" style=\"display:block;\"\/><\/div>\n<p style=\"font-size:12px;font-weight:700;color:#eab308;margin:0 0 3px;\">Step 1<\/p>\n<p style=\"font-size:11px;color:#6b7280;margin:0;line-height:1.35;\">Paste your text<\/p>\n<\/div>\n<div style=\"font-size:15px;color:#eab308;margin:0 3px;flex-shrink:0;\">&#8594;<\/div>\n<div style=\"background:#fefce8;border:2px solid #eab308;border-radius:10px;padding:14px 8px;width:100px;min-width:90px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;\">\n<div style=\"margin-bottom:6px;\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZWFiMzA4Ij48cGF0aCBkPSJNMyA1YTEgMSAwIDAgMSAxLTFoNGExIDEgMCAwIDEgMCAySDRhMSAxIDAgMCAxLTEtMXptOS0xYTIgMiAwIDEgMSAwIDQgMiAyIDAgMCAxIDAtNHptMyAxYTEgMSAwIDAgMSAxLTFoNGExIDEgMCAwIDEgMCAyaC00YTEgMSAwIDAgMS0xLTF6TTMgMTJhMSAxIDAgMCAxIDEtMWg0YTEgMSAwIDAgMSAwIDJINGExIDEgMCAwIDEtMS0xem02IDBhMiAyIDAgMSAxIDQgMCAyIDIgMCAwIDEtNCAwem03LTFhMSAxIDAgMCAxIDEtMWg0YTEgMSAwIDAgMSAwIDJoLTRhMSAxIDAgMCAxLTEtMXpNMyAxOWExIDEgMCAwIDEgMS0xaDRhMSAxIDAgMCAxIDAgMkg0YTEgMSAwIDAgMS0xLTF6bTktMWEyIDIgMCAxIDEgMCA0IDIgMiAwIDAgMSAwLTR6bTMgMWExIDEgMCAwIDEgMS0xaDRhMSAxIDAgMCAxIDAgMmgtNGExIDEgMCAwIDEtMS0xeiIvPjwvc3ZnPg==\" width=\"30\" height=\"30\" alt=\"Choose encode\/decode\" style=\"display:block;\"\/><\/div>\n<p style=\"font-size:12px;font-weight:700;color:#eab308;margin:0 0 3px;\">Step 2<\/p>\n<p style=\"font-size:11px;color:#6b7280;margin:0;line-height:1.35;\">Choose encode\/decode<\/p>\n<\/div>\n<div style=\"font-size:15px;color:#eab308;margin:0 3px;flex-shrink:0;\">&#8594;<\/div>\n<div style=\"background:#fefce8;border:2px solid #eab308;border-radius:10px;padding:14px 8px;width:100px;min-width:90px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;\">\n<div style=\"margin-bottom:6px;\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZWFiMzA4Ij48cGF0aCBkPSJNMTMgMTBWM0w0IDE0aDd2N2w5LTExaC03eiIvPjwvc3ZnPg==\" width=\"30\" height=\"30\" alt=\"Result appears\" style=\"display:block;\"\/><\/div>\n<p style=\"font-size:12px;font-weight:700;color:#eab308;margin:0 0 3px;\">Step 3<\/p>\n<p style=\"font-size:11px;color:#6b7280;margin:0;line-height:1.35;\">Result appears<\/p>\n<\/div>\n<div style=\"font-size:15px;color:#eab308;margin:0 3px;flex-shrink:0;\">&#8594;<\/div>\n<div style=\"background:#fefce8;border:2px solid #eab308;border-radius:10px;padding:14px 8px;width:100px;min-width:90px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;\">\n<div style=\"margin-bottom:6px;\"><img loading=\"lazy\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZWFiMzA4Ij48cGF0aCBkPSJNMTYgMUg0YTIgMiAwIDAgMC0yIDJ2MTRoMlYzaDEyVjF6bTMgNEg4YTIgMiAwIDAgMC0yIDJ2MTRhMiAyIDAgMCAwIDIgMmgxMWEyIDIgMCAwIDAgMi0yVjdhMiAyIDAgMCAwLTItMnptMCAxNkg4VjdoMTF2MTR6Ii8+PC9zdmc+\" width=\"30\" height=\"30\" alt=\"Copy output\" style=\"display:block;\"\/><\/div>\n<p style=\"font-size:12px;font-weight:700;color:#eab308;margin:0 0 3px;\">Step 4<\/p>\n<p style=\"font-size:11px;color:#6b7280;margin:0;line-height:1.35;\">Copy output<\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2>What Is URL Encoding?<\/h2>\n<p>URL encoding (also called percent-encoding) converts characters that are not allowed in URLs into a safe format. Each unsafe character is replaced with a percent sign followed by two hexadecimal digits. For example, a space becomes %20, and an ampersand becomes %26. This ensures URLs work correctly across all browsers and servers.<\/p>\n<h2>How to URL Encode Text Online<\/h2>\n<ol>\n<li><strong>Paste your text<\/strong> into the URL Encoder input box.<\/li>\n<li><strong>Choose Encode<\/strong> to convert special characters to percent-encoded format.<\/li>\n<li><strong>The encoded URL<\/strong> appears in the output box instantly.<\/li>\n<li><strong>Copy the result<\/strong> and use it in your application or browser.<\/li>\n<\/ol>\n<h2>How to URL Decode<\/h2>\n<p>Switch to Decode mode, paste your percent-encoded string, and the original readable text appears. This is useful for reading encoded query strings in URLs or debugging API requests.<\/p>\n<h2>Which Characters Get Encoded?<\/h2>\n<p>Characters that must be encoded in URLs include spaces, quotes, angle brackets, curly braces, pipe, backslash, caret, backtick, and all non-ASCII characters. Characters that are safe and stay unchanged include letters (A\u2013Z, a\u2013z), digits (0\u20139), hyphens, underscores, periods, and tildes.<\/p>\n<h2>URL Encoding vs Form Encoding<\/h2>\n<p>Standard URL encoding uses %20 for spaces. HTML form encoding (application\/x-www-form-urlencoded) uses + for spaces instead. When encoding query string parameters submitted from a form, use form encoding. When encoding path segments or values in REST APIs, use standard URL encoding.<\/p>\n<h2>Common Uses for URL Encoding<\/h2>\n<p>URL encoding is essential when building query strings programmatically. If a search query contains an ampersand, it must be encoded as %26 or the server will treat it as a parameter separator. When passing URLs as parameter values inside other URLs, the inner URL must be fully encoded. Special characters in filenames that appear in URLs also need encoding.<\/p>\n<h2>Frequently Asked Questions<\/h2>\n<p><strong>Should I encode the entire URL?<\/strong> No \u2014 only encode the values within query parameters and path segments, not the full URL including protocol and domain.<\/p>\n<p><strong>What is the difference between encodeURI and encodeURIComponent in JavaScript?<\/strong> encodeURI encodes a full URL and leaves structural characters like \/ and ? intact. encodeURIComponent encodes everything including those characters \u2014 use it for individual parameter values.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the free QuickToolz developer tools \u2014 no signup, no install, works in your browser. How to Use How to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[10],"tags":[],"class_list":["post-110","post","type-post","status-publish","format-standard","hentry","category-developer"],"_links":{"self":[{"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/posts\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":0,"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/posts\/110\/revisions"}],"wp:attachment":[{"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/media?parent=110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/categories?post=110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quicktoolz.net\/blog\/wp-json\/wp\/v2\/tags?post=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}