{"id":64594,"date":"2025-05-12T10:37:34","date_gmt":"2025-05-12T07:37:34","guid":{"rendered":"https:\/\/wpcalc.com\/en\/?p=64594"},"modified":"2025-05-12T10:37:34","modified_gmt":"2025-05-12T07:37:34","slug":"base64-encoder","status":"publish","type":"post","link":"https:\/\/wpcalc.com\/en\/web-tools\/base64-encoder\/","title":{"rendered":"Base64 Encoder"},"content":{"rendered":"<section class=\"not-prose calculator-box\" aria-labelledby=\"calculator-title\"><div class=\"flex items-baseline sm:items-center justify-between gap-2 sm:gap-3\"><div class=\"flex flex-col sm:flex-row sm:items-center gap-2\"><span class=\"icon icon-calculator text-primary-700! text-base! dark:text-primary-300!\" aria-hidden=\"true\"><\/span><h2 class=\"text-lg font-display font-bold\">Text to Base64 Encoding Tool<\/h2><\/div><div class=\"relative group inline-block\">\n  <button class=\"favorite\" id=\"favorite\" data-favorite-id=\"64594\" data-favorite-title=\"Base64 Encoder\" data-favorite-url=\"https:\/\/wpcalc.com\/en\/web-tools\/base64-encoder\/\" data-favorite-excerpt=\"Encode any string or binary data into Base64 format using this simple online Base64 Encoder. Ideal for developers, webmasters, and API users who need to safely transmit text, images, or files in a text-based format.\" aria-label=\"Add to Favorites\" data-favorite-icon=\"icon icon-conversion\">\n    <span class=\"icon icon-shape-star-empty\"><\/span>\n  <\/button>\n  <div class=\"absolute right-full -translate-y-1\/2 top-1\/2 mr-2 w-max max-w-xs px-3 py-2 bg-gray-800 text-white text-xs rounded shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 z-10 pointer-events-none\">\n   <span class=\"favorite-tooltip\" id=\"favorite-tooltip\"><\/span>\n  <\/div>\n<\/div><\/div><form action=\"https:\/\/wpcalc.com\/en\/web-tools\/base64-encoder\/\" method=\"POST\" class=\"calculator\" id=\"calculator-64594\" data-post=\"64594\"><fieldset class=\"fieldset-input is-1\"><legend class=\"sr-only\">Input Fields<\/legend><div class=\"field is-single\" id=\"input-1\"><label for=\"field-1\">Text to Encode<\/label><textarea id=\"field-1\" name=\"text_to_encode\">Hello world!<\/textarea><\/div><\/fieldset><div class=\"buttons\"><button type=\"submit\" data-text=\"Re-Calculate\" id=\"calculate-button\" data-post=\"64594\">Calculate<\/button><button type=\"reset\">Reset<\/button><\/div><div class=\"field is-checkbox hidden!\" id=\"field-auto-calc\"><input type=\"checkbox\" id=\"auto-calc\"><label for=\"auto-calc\">Calculate automatically<\/label><small>If enabled, the result will update automatically when you change any value.<\/small><\/div><div class=\"fieldset-result is-hidden\" aria-labelledby=\"result-title\" aria-live=\"polite\" role=\"region\"> <h3 class=\"result-title bg-gradient-to-r from-primary-50 to-gray-50 dark:from-primary-900 dark:to-gray-800\" id=\"result-title\"><span class=\"icon icon-s-pulse\" aria-hidden=\"true\"><\/span> Your Results<\/h3><div class=\"result-box\"><div class=\"field-result is-column\" id=\"output-1\"><span class=\"field-title\"><span>Base64 Output<\/span><\/span><span class=\"field-value\" id=\"result-1\"><\/span><button class=\"copy-result\" data-tooltip=\"Copy Result\"><span class=\"copy-icon icon icon-document-copy\"><\/span><\/button><\/div><\/div><\/div><a href=\"#respond\" class=\"hidden transition-opacity duration-300 opacity-0 w-50 text-sm justify-center items-center gap-2 px-4 py-2 rounded bg-gray-200 text-gray-700 hover:bg-gray-300\" id=\"leave-comment\"><span class=\"icon icon-comments\" aria-hidden=\"true\"><\/span>Leave a Comment<\/a><\/form><\/section><section id=\"calc-reactions\" class=\"not-prose hidden my-12 bg-gradient-to-r from-primary-50 to-gray-50 border border-indigo-100 rounded-xl px-6 py-4 shadow-sm\" data-post=\"64594\" aria-live=\"polite\"><h2 class=\"text-sm text-gray-500 text-center mb-2\">How did this result make you feel?<\/h2><div class=\"grid grid-cols-3 sm:flex sm:flex-row sm:justify-around gap-4 sm:items-center sm:flex-wrap\"><button class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"like\"><span class=\"reaction-count\" data-reaction-count=\"like\">0<\/span><span class=\"reaction text-3xl\">\ud83d\ude00 <\/span><span class=\"reaction-description font-medium\">Like <\/span><\/button><button class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"helpful\"><span class=\"reaction-count\" data-reaction-count=\"helpful\">0<\/span><span class=\"reaction text-3xl\">\ud83d\udca1 <\/span><span class=\"reaction-description font-medium\">Helpful <\/span><\/button><button class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"confused\"><span class=\"reaction-count\" data-reaction-count=\"confused\">0<\/span><span class=\"reaction text-3xl\">\ud83d\ude15 <\/span><span class=\"reaction-description font-medium\">Confused <\/span><\/button><button class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"disappointed\"><span class=\"reaction-count\" data-reaction-count=\"disappointed\">0<\/span><span class=\"reaction text-3xl\">\ud83d\ude1e <\/span><span class=\"reaction-description font-medium\">Disappointed <\/span><\/button><button class=\"reaction-btn flex flex-col items-center gap-1 text-sm text-gray-700 hover:text-primary-600 cursor-pointer transition-transform hover:scale-105\" data-reaction=\"inaccurate\"><span class=\"reaction-count\" data-reaction-count=\"inaccurate\">0<\/span><span class=\"reaction text-3xl\">\u274c <\/span><span class=\"reaction-description font-medium\">Inaccurate <\/span><\/button><\/div><div id=\"reaction-message\" class=\"hidden mt-8 rounded-md border border-primary-100 bg-white\/50 backdrop-blur-sm px-4 py-2 text-sm text-center shadow-sm\"><\/div><\/section><ins class=\"adsbygoogle\"\n     style=\"display:block; text-align:center; margin: 32px 0;\"\n     data-ad-layout=\"in-article\"\n     data-ad-format=\"fluid\"\n     data-ad-client=\"ca-pub-1721569815777345\"\n     data-ad-slot=\"6317458308\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p><section class=\"formula-box\" aria-labelledby=\"formula-title\">\r\n\t<div id=\"formula-title\" class=\"not-prose font-display mb-4\"><span class=\"icon icon-formula\" aria-hidden=\"true\"><\/span><h2>Base64 Encoding Logic<\/h2><\/div>\r\n\t<figure class=\"not-prose formula\">\r\n\t\t<figcaption class=\"formula-title\">Formula<\/figcaption>\r\n\t\t<div class=\"text-base text-gray-800\" id=\"formula\">\n$$\\text{Base64}(x) = \\text{encode}(\\text{binary}(x)) \\rightarrow \\text{ASCII-safe string}$$\n<\/div>\r\n\t<\/figure>\r\n\t<br \/>\nThe input string is first converted into a byte sequence and then encoded using the Base64 algorithm.<br \/>\n<strong>Example:<\/strong><\/p>\n<ul>\n<li>Hello world \u2192 SGVsbG8gd29ybGQ=<\/li>\n<\/ul>\n<p>\r\n<\/section><br \/>\nBase64 encoding is commonly used to transmit binary data (like images or files) over text-based protocols such as email, JSON, or HTML. This Base64 Encoder transforms plain text or binary input into a secure Base64 string, ensuring compatibility across systems. It\u2019s especially useful for embedding data into scripts, APIs, or web applications.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Encode any string or binary data into Base64 format using this simple online Base64 Encoder. Ideal for developers, webmasters, and API users who need to safely transmit text, images, or files in a text-based format.<\/p>\n","protected":false},"author":70,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[63],"tags":[64],"class_list":["post-64594","post","type-post","status-publish","format-standard","hentry","category-web-tools","tag-converter-tools"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/64594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/comments?post=64594"}],"version-history":[{"count":2,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/64594\/revisions"}],"predecessor-version":[{"id":64596,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/posts\/64594\/revisions\/64596"}],"wp:attachment":[{"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/media?parent=64594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/categories?post=64594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpcalc.com\/en\/wp-json\/wp\/v2\/tags?post=64594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}