{"id":2077,"date":"2025-12-07T09:31:31","date_gmt":"2025-12-07T09:31:31","guid":{"rendered":"https:\/\/lime-woodpecker-204967.hostingersite.com\/?p=2077"},"modified":"2025-12-08T22:20:36","modified_gmt":"2025-12-08T22:20:36","slug":"base64-encoder-decoder","status":"publish","type":"post","link":"https:\/\/online-tool.xyz\/ar\/base64-encoder-decoder\/","title":{"rendered":"Base64 Encoder &amp; Decoder Online | Free Text to Base64 Tool"},"content":{"rendered":"<h2 class=\"wp-block-heading has-text-align-center\">Base64 Encoder &amp; Decoder Online<\/h2>\n\n\n\n<p class=\"has-text-align-center\"><strong>Encode &amp; decode Base64 instantly with our free online tool. Secure, fast, and easy to use. No installation required. Try it now.<\/strong><\/p>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tool-container\">\n  <h3>Base64 Encoder\/Decoder<\/h3>\n  <textarea id=\"textInput\" placeholder=\"Write text here...\"><\/textarea>\n  \n  <div class=\"buttons\">\n    <button onclick=\"encodeBase64()\">Encode<\/button>\n    <button onclick=\"decodeBase64()\">Decode<\/button>\n    <button id=\"copyBtn\" onclick=\"copyResult()\">Copy Result<\/button>\n  <\/div>\n  \n  <textarea id=\"resultOutput\" placeholder=\"Result will appear here...\" readonly><\/textarea>\n<\/div>\n\n<style>\n.tool-container {\n    max-width: 500px;\n    margin: 30px auto;\n    background-color: #f9fafb;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    padding: 25px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n    font-family: 'Inter', sans-serif;\n    color: #1e293b;\n}\n\n.tool-container h3 {\n    text-align: center;\n    margin-bottom: 20px;\n    font-size: 1.5rem;\n    color: #334155;\n}\n\ntextarea {\n    width: 100%;\n    min-height: 120px;\n    padding: 10px;\n    border-radius: 8px;\n    border: 1px solid #cbd5e1;\n    font-size: 1rem;\n    resize: vertical;\n    margin-bottom: 15px;\n}\n\ntextarea#resultOutput {\n    background-color: #f1f5f9;\n    color: #1e293b;\n}\n\n.buttons {\n    display: flex;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 15px;\n}\n\nbutton {\n    flex: 1;\n    padding: 10px;\n    background-color: #fb923c;\n    border: none;\n    color: white;\n    font-weight: 600;\n    border-radius: 8px;\n    cursor: pointer;\n    position: relative;\n    transition: background 0.3s;\n}\n\nbutton:hover {\n    background-color: #f97316;\n}\n\n\/* Tooltip *\/\nbutton span.tooltip {\n    position: absolute;\n    top: -30px;\n    left: 50%;\n    transform: translateX(-50%);\n    background-color: #334155;\n    color: #fff;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 0.8rem;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.3s;\n}\nbutton.show-tooltip span.tooltip {\n    opacity: 1;\n}\n<\/style>\n\n<script>\n\/\/ Unicode-safe Base64 Encode\nfunction encodeBase64() {\n    const text = document.getElementById('textInput').value;\n    try {\n        const encoded = btoa(unescape(encodeURIComponent(text)));\n        document.getElementById('resultOutput').value = encoded;\n    } catch (e) {\n        document.getElementById('resultOutput').value = 'Encoding failed!';\n    }\n}\n\n\/\/ Unicode-safe Base64 Decode\nfunction decodeBase64() {\n    const text = document.getElementById('textInput').value;\n    try {\n        const decoded = decodeURIComponent(escape(atob(text)));\n        document.getElementById('resultOutput').value = decoded;\n    } catch (e) {\n        document.getElementById('resultOutput').value = 'Invalid Base64!';\n    }\n}\n\n\/\/ Copy Result to Clipboard with tooltip\nfunction copyResult() {\n    const result = document.getElementById('resultOutput');\n    navigator.clipboard.writeText(result.value).then(() => {\n        const btn = document.getElementById('copyBtn');\n        \n        \/\/ create tooltip span if not exist\n        if (!btn.querySelector('.tooltip')) {\n            const span = document.createElement('span');\n            span.className = 'tooltip';\n            span.textContent = 'Copied!';\n            btn.appendChild(span);\n        }\n\n        btn.classList.add('show-tooltip');\n        setTimeout(() => {\n            btn.classList.remove('show-tooltip');\n        }, 1200);\n    });\n}\n<\/script>\n\n<div id=\"container-f35f99bfef1a09c1eecbc6ed867c8f3b\"><\/div>\n\n\n\n<div style=\"height:156px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\nbody {\n  font-family: 'Inter', sans-serif;\n  background: #f8fafc;\n  margin: 0;\n  color: #1e293b;\n}\n\nheader {\n  text-align: center;\n  padding: 30px 20px;\n  background: white; \n  color: #1e293b;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n}\n\nheader h1 {\n  font-size: 2.6rem;\n  margin-bottom: 10px;\n}\nheader p {\n  font-size: 1.1rem;\n  opacity: 0.9;\n}\n\n.section {\n  padding: 60px 5%;\n}\n.section h2 {\n  font-size: 1.6rem;\n  margin-bottom: 25px;\n  color: #0f172a;\n  border-left: 5px solid #3b82f6;\n  padding-left: 10px;\n}\n\n.tools-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n  gap: 20px;\n}\n\n\/* Make the whole card clickable *\/\n.tool-card {\n  background: white;\n  border-radius: 10px;\n  padding: 20px;\n  box-shadow: 0 3px 8px rgba(0,0,0,0.05);\n  transition: all 0.25s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  text-decoration: none;\n  color: inherit;\n  height: 150px; \/* adjust height if needed *\/\n}\n.tool-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 6px 15px rgba(0,0,0,0.08);\n  background: #f0f8ff; \/* light blue hover *\/\n}\n\n.tool-card h3 {\n  margin: 0 0 10px 0;\n  font-size: 1.1rem;\n}\n.tool-card p {\n  font-size: 0.9rem;\n  color: #64748b;\n  margin: 0;\n}\n<\/style>\n<div class=\"tool-container\">\n<section class=\"section\">\n  <h2>\ud83e\uddf0 Text &#038; Code Online Tools<\/h2>\n  <div class=\"tools-grid\">\n    <a href=\"https:\/\/online-tool.xyz\/ar\/html-editor\/\" target=\"_blank\" class=\"tool-card\">\n      <h3>HTML Editor<\/h3>\n      <p>Edit and preview HTML code instantly.<\/p>\n    <\/a>\n    <a href=\"https:\/\/online-tool.xyz\/ar\/markdown-to-html\/\" target=\"_blank\" class=\"tool-card\">\n      <h3>Markdown to HTML<\/h3>\n      <p>Convert Markdown text into clean HTML.<\/p>\n    <\/a>\n    <a href=\"https:\/\/online-tool.xyz\/ar\/word-counter\/\" target=\"_blank\" class=\"tool-card\">\n      <h3>Word Counter<\/h3>\n      <p>Count words, characters and paragraphs.<\/p>\n    <\/a>\n  <\/div>\n<\/section>\n<\/div>\n\n\n\n<div style=\"height:87px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"tool-container\">\n<section class=\"base64-info\">\n  <h2>Base64 Encode &#038; base64 decoder Tool<\/h2>\n  \n  <p>Welcome to our <strong>Base64 Encode and Decode<\/strong> tool, a simple online utility that lets you quickly convert your text to Base64 encoding and decode Base64 back to human-readable format. Encode or decode your data easily without any hassle.<\/p>\n  <p>This free Base64 Encoder &#038; Decoder tool allows you to convert any text into Base64 format instantly. Base64 encoding is used to safely transmit data, store information, or embed text inside HTML, CSS, and JSON files without issues.<\/p>\n\n  <p>You can also decode Base64 back into normal, readable text using the same tool. Everything works directly in your browser with no data saved on any server, making it fast and secure.<\/p>\n\n  <p>Whether you are a developer, webmaster, security researcher, or just someone who needs a simple Base64 converter, this tool provides a clean interface and instant results. Use the encoder to transform text into Base64, or use the decoder to extract the original message with one click.<\/p>\n\n  \n  <h2>Why Use Base64?<\/h2>\n  <p>Base64 encoding is widely used to handle binary data, especially when data needs to be stored or transferred over text-based systems. This encoding ensures that data remains intact during transport without modification. Common applications include email via MIME, storing data in XML or JSON, and more.<\/p>\n  \n  <h2>Advanced Options<\/h2>\n  <ul>\n    <li><strong>Character Set:<\/strong> For textual data, specify the character set used (usually UTF-8). Auto-detect options are available if unsure.<\/li>\n    <li><strong>Decode Each Line:<\/strong> Decode multiple independent Base64 entries separated by line breaks.<\/li>\n    <li><strong>Live Mode:<\/strong> Enable instant decoding in your browser without sending data to our servers (supports UTF-8 only).<\/li>\n  <\/ul>\n  \n  <h2>Safe and Secure<\/h2>\n  <p>All communications are encrypted using SSL (HTTPS). Uploaded files are deleted immediately after processing, and downloaded results are removed after the first download or 15 minutes of inactivity. We never inspect or store your data.<\/p>\n  \n  <h2>Completely Free<\/h2>\n  <p>This Base64 tool is free to use online. No software download is required for simple encoding and decoding tasks.<\/p>\n  \n  <h2>Understanding Base64 Encoding<\/h2>\n  <p>Base64 encodes binary data into a set of 64 printable characters, ensuring safe transport across systems that may not handle raw binary. The character set usually includes <code>A-Z<\/code>, <code>a-z<\/code>, <code>0-9<\/code>, plus <code>+<\/code> and <code>\/<\/code>. Variants such as Base64URL use <code>-<\/code> and <code>_<\/code>.<\/p>\n  \n  <h2>Example<\/h2>\n  <p>Thomas Hobbes&#8217;s quote from <em>Leviathan<\/em>:<\/p>\n  <blockquote>&#8220;Man is distinguished, not only by his reason, but &#8230;&#8221;<\/blockquote>\n  <p>Base64 encoding of &#8220;Man&#8221; in ASCII:<\/p>\n  <table>\n    <thead>\n      <tr>\n        <th>Text<\/th>\n        <th>ASCII<\/th>\n        <th>Bit Pattern<\/th>\n        <th>Base64 Index<\/th>\n        <th>Base64 Encoded<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td>M<\/td>\n        <td>77<\/td>\n        <td>01001101<\/td>\n        <td>19<\/td>\n        <td>T<\/td>\n      <\/tr>\n      <tr>\n        <td>a<\/td>\n        <td>97<\/td>\n        <td>01100001<\/td>\n        <td>22<\/td>\n        <td>W<\/td>\n      <\/tr>\n      <tr>\n        <td>n<\/td>\n        <td>110<\/td>\n        <td>01101110<\/td>\n        <td>5<\/td>\n        <td>F<\/td>\n      <\/tr>\n      <tr>\n        <td>(padding)<\/td>\n        <td>&#8211;<\/td>\n        <td>&#8211;<\/td>\n        <td>46<\/td>\n        <td>u<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/section>\n<\/div>\n<style>\n.base64-info {\n    max-width: 800px;\n    margin: 40px auto;\n    padding: 25px;\n    font-family: 'Inter', sans-serif;\n    background-color: #f9fafb;\n    border-radius: 12px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n    color: #1e293b;\n    line-height: 1.6;\n}\n\n.base64-info h1 {\n    font-size: 2rem;\n    color: #334155;\n    margin-bottom: 15px;\n    text-align: center;\n}\n\n.base64-info h2 {\n    font-size: 1.4rem;\n    color: #1e293b;\n    margin-top: 25px;\n    margin-bottom: 10px;\n}\n\n.base64-info p {\n    margin-bottom: 15px;\n    font-size: 1rem;\n    color: #475569;\n}\n\n.base64-info ul {\n    list-style: disc;\n    margin-left: 20px;\n    margin-bottom: 15px;\n}\n\n.base64-info table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 15px;\n    margin-bottom: 20px;\n}\n\n.base64-info table th,\n.base64-info table td {\n    border: 1px solid #cbd5e1;\n    padding: 8px 10px;\n    text-align: center;\n    font-size: 0.95rem;\n}\n\n.base64-info blockquote {\n    margin: 15px 0;\n    padding-left: 15px;\n    border-left: 4px solid #fb923c;\n    font-style: italic;\n    color: #334155;\n}\n<\/style>\n\n\n\n<div style=\"height:87px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Frequently Asked Questions<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list\">\n<div id=\"faq-question-1765100059584\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\"><strong>\ud83d\udd38<strong>What is Base64 encoding?<\/strong><\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Base64 is a method used to convert binary data into a text format using 64 characters.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1765100080325\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">\ud83d\udd38 <strong>Is Base64 secure?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>No, Base64 is not encryption. It only encodes data, not protects it.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1765100081916\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">\ud83d\udd38 <strong>Can Base64 be decoded?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>Yes, Base64 can be easily decoded back into normal text.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1765100082903\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question\">\ud83d\udd38 <strong>Does this tool store my data?<\/strong><\/h3>\n<div class=\"rank-math-answer\">\n\n<p>No, all encoding and decoding happen in your browser only.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Base64 Encoder &amp; Decoder Online Encode &amp; decode Base64 instantly with our free online tool. Secure, fast, and easy to use. No installation required. Try it now. Base64 Encoder\/Decoder Encode Decode Copy Result \ud83e\uddf0 Text &#038; Code Online Tools HTML Editor Edit and preview HTML code instantly. Markdown to HTML Convert Markdown text into clean [&hellip;]<\/p>","protected":false},"author":1,"featured_media":2080,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2077","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"uagb_featured_image_src":{"full":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64.png",512,512,false],"thumbnail":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64-150x150.png",150,150,true],"medium":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64-300x300.png",300,300,true],"medium_large":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64.png",512,512,false],"large":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64.png",512,512,false],"1536x1536":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64.png",512,512,false],"2048x2048":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64.png",512,512,false],"trp-custom-language-flag":["https:\/\/online-tool.xyz\/wp-content\/uploads\/2025\/12\/base64.png",12,12,false]},"uagb_author_info":{"display_name":"kyronellesmere@gmail.com","author_link":"https:\/\/online-tool.xyz\/ar\/author\/kyronellesmeregmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Base64 Encoder &amp; Decoder Online Encode &amp; decode Base64 instantly with our free online tool. Secure, fast, and easy to use. No installation required. Try it now. Base64 Encoder\/Decoder Encode Decode Copy Result \ud83e\uddf0 Text &#038; Code Online Tools HTML Editor Edit and preview HTML code instantly. Markdown to HTML Convert Markdown text into clean&hellip;","_links":{"self":[{"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/posts\/2077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/comments?post=2077"}],"version-history":[{"count":3,"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/posts\/2077\/revisions"}],"predecessor-version":[{"id":2117,"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/posts\/2077\/revisions\/2117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/media\/2080"}],"wp:attachment":[{"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/media?parent=2077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/categories?post=2077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/online-tool.xyz\/ar\/wp-json\/wp\/v2\/tags?post=2077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}