{"id":1541,"date":"2025-08-19T03:53:41","date_gmt":"2025-08-19T03:53:41","guid":{"rendered":"https:\/\/poxiro.com\/?page_id=1541"},"modified":"2025-10-12T15:00:00","modified_gmt":"2025-10-12T15:00:00","slug":"image-to-base64-convert","status":"publish","type":"page","link":"https:\/\/poxiro.com\/ar\/image-to-base64-convert\/","title":{"rendered":"\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0625\u0644\u0649 Base64"},"content":{"rendered":"\n<div class=\"wp-block-uagb-advanced-heading uagb-block-b6b0caf7\"><h2 class=\"uagb-heading-text\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Free <\/mark>Online Image to Base64 Converter \u2013 Convert Copy &amp; Download Instantly<\/h2><\/div>\n\n\n\n<div style=\"height:69px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-b55c1eab wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-1-1.png ,https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-1-1.png 780w, https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-1-1.png 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-1-1.png\" alt=\"\" class=\"uag-image-1542\" width=\"512\" height=\"288\" title=\"download (1)\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Convert any image to Base64 string instantly with this free online tool. Supports JPG, PNG, GIF, WEBP, BMP formats.\">\n    <title>Free Online Image to Base64 Converter<\/title>\n    <style>\n        :root {\n            --primary-color: #4361ee;\n            --secondary-color: #3f37c9;\n            --background-color: #f8f9fa;\n            --card-color: #ffffff;\n            --text-color: #212529;\n            --border-color: #dee2e6;\n            --shadow-color: rgba(0, 0, 0, 0.1);\n            --button-hover: #3a56d4;\n            --success-color: #4bb543;\n        }\n\n        .dark-mode {\n            --primary-color: #6b8cff;\n            --secondary-color: #5e72e4;\n            --background-color: #121212;\n            --card-color: #1e1e1e;\n            --text-color: #f8f9fa;\n            --border-color: #333333;\n            --shadow-color: rgba(0, 0, 0, 0.3);\n            --button-hover: #8aa4ff;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background-color: var(--background-color);\n            color: var(--text-color);\n            line-height: 1.6;\n            padding: 20px;\n            min-height: 100vh;\n        }\n\n        .container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        header {\n            text-align: center;\n            margin-bottom: 30px;\n        }\n\n        h1 {\n            color: var(--primary-color);\n            font-size: 2.2rem;\n            margin-bottom: 10px;\n        }\n\n        .description {\n            color: var(--text-color);\n            opacity: 0.8;\n            font-size: 1.1rem;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .converter-card {\n            background-color: var(--card-color);\n            border-radius: 12px;\n            padding: 30px;\n            box-shadow: 0 4px 20px var(--shadow-color);\n            margin-bottom: 20px;\n            border: 1px solid var(--border-color);\n        }\n\n        .file-input-container {\n            margin-bottom: 25px;\n            text-align: center;\n        }\n\n        .file-input-label {\n            display: inline-block;\n            padding: 15px 25px;\n            background-color: var(--primary-color);\n            color: white;\n            border-radius: 8px;\n            cursor: pointer;\n            font-weight: 500;\n            transition: all 0.2s;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        .file-input-label:hover {\n            background-color: var(--button-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        }\n\n        .file-input-label:active {\n            transform: translateY(0);\n        }\n\n        #fileInput {\n            display: none;\n        }\n\n        .file-info {\n            margin-top: 15px;\n            font-size: 0.9rem;\n            color: var(--text-color);\n            opacity: 0.7;\n        }\n\n        .preview-container {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 25px;\n        }\n\n        #imagePreview {\n            max-width: 100%;\n            max-height: 300px;\n            border-radius: 8px;\n            border: 1px solid var(--border-color);\n            display: none;\n        }\n\n        .output-container {\n            margin-bottom: 25px;\n        }\n\n        textarea {\n            width: 100%;\n            min-height: 150px;\n            padding: 15px;\n            border-radius: 8px;\n            border: 1px solid var(--border-color);\n            font-family: 'Consolas', 'Monaco', monospace;\n            font-size: 0.9rem;\n            resize: vertical;\n            background-color: var(--card-color);\n            color: var(--text-color);\n        }\n\n        textarea:focus {\n            outline: none;\n            border-color: var(--primary-color);\n            box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);\n        }\n\n        .buttons-container {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n            margin-bottom: 20px;\n        }\n\n        button {\n            padding: 12px 20px;\n            border: none;\n            border-radius: 8px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.2s;\n            flex: 1;\n            min-width: 120px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n        }\n\n        .convert-btn {\n            background-color: var(--primary-color);\n            color: white;\n        }\n\n        .convert-btn:hover {\n            background-color: var(--button-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px var(--shadow-color);\n        }\n\n        .copy-btn {\n            background-color: #4a4a4a;\n            color: white;\n        }\n\n        .copy-btn:hover {\n            background-color: #333;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px var(--shadow-color);\n        }\n\n        .download-btn {\n            background-color: #28a745;\n            color: white;\n        }\n\n        .download-btn:hover {\n            background-color: #218838;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px var(--shadow-color);\n        }\n\n        button:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n            transform: none !important;\n        }\n\n        .theme-toggle {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-top: 30px;\n        }\n\n        .toggle-switch {\n            position: relative;\n            display: inline-block;\n            width: 60px;\n            height: 30px;\n            margin: 0 10px;\n        }\n\n        .toggle-switch input {\n            opacity: 0;\n            width: 0;\n            height: 0;\n        }\n\n        .slider {\n            position: absolute;\n            cursor: pointer;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-color: #ccc;\n            transition: .4s;\n            border-radius: 34px;\n        }\n\n        .slider:before {\n            position: absolute;\n            content: \"\";\n            height: 22px;\n            width: 22px;\n            left: 4px;\n            bottom: 4px;\n            background-color: white;\n            transition: .4s;\n            border-radius: 50%;\n        }\n\n        input:checked + .slider {\n            background-color: var(--primary-color);\n        }\n\n        input:checked + .slider:before {\n            transform: translateX(30px);\n        }\n\n        .toggle-label {\n            font-size: 0.9rem;\n            color: var(--text-color);\n        }\n\n        .notification {\n            position: fixed;\n            bottom: 20px;\n            right: 20px;\n            background-color: var(--success-color);\n            color: white;\n            padding: 12px 24px;\n            border-radius: 8px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n            opacity: 0;\n            transition: opacity 0.3s;\n            z-index: 1000;\n        }\n\n        .notification.show {\n            opacity: 1;\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 10px;\n            }\n\n            h1 {\n                font-size: 1.8rem;\n            }\n\n            .converter-card {\n                padding: 20px;\n            }\n\n            .buttons-container {\n                flex-direction: column;\n            }\n\n            button {\n                width: 100%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <header>\n            <h1>Free Online Image to Base64 Converter<\/h1>\n            <p class=\"description\">Convert any image to Base64 instantly with this free online tool. Perfect for developers, designers, and content creators.<\/p>\n        <\/header>\n\n        <main>\n            <div class=\"converter-card\">\n                <div class=\"file-input-container\">\n                    <label for=\"fileInput\" class=\"file-input-label\" title=\"Select an image to convert\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\" style=\"margin-right: 8px;\">\n                            <path d=\"M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z\"\/>\n                            <path d=\"M7.646 4.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V14.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3z\"\/>\n                        <\/svg>\n                        Choose Image\n                    <\/label>\n                    <input type=\"file\" id=\"fileInput\" accept=\"image\/jpeg, image\/png, image\/gif, image\/webp, image\/bmp\">\n                    <p class=\"file-info\">Supports JPG, PNG, GIF, WEBP, BMP (Max 5MB)<\/p>\n                <\/div>\n\n                <div class=\"preview-container\">\n                    <img id=\"imagePreview\" alt=\"Image preview\">\n                <\/div>\n\n                <div class=\"output-container\">\n                    <textarea id=\"base64Output\" placeholder=\"Base64 output will appear here...\" readonly><\/textarea>\n                <\/div>\n\n                <div class=\"buttons-container\">\n                    <button id=\"convertBtn\" class=\"convert-btn\" disabled title=\"Convert the selected image to Base64\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n                            <path fill-rule=\"evenodd\" d=\"M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z\"\/>\n                        <\/svg>\n                        Convert\n                    <\/button>\n                    <button id=\"copyBtn\" class=\"copy-btn\" disabled title=\"Copy Base64 string to clipboard\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n                            <path d=\"M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z\"\/>\n                            <path d=\"M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z\"\/>\n                        <\/svg>\n                        Copy\n                    <\/button>\n                    <button id=\"downloadBtn\" class=\"download-btn\" disabled title=\"Download Base64 string as text file\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n                            <path d=\"M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z\"\/>\n                            <path d=\"M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z\"\/>\n                        <\/svg>\n                        Download\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"theme-toggle\">\n                <span class=\"toggle-label\">Light<\/span>\n                <label class=\"toggle-switch\">\n                    <input type=\"checkbox\" id=\"themeToggle\">\n                    <span class=\"slider\"><\/span>\n                <\/label>\n                <span class=\"toggle-label\">Dark<\/span>\n            <\/div>\n        <\/main>\n    <\/div>\n\n    <div class=\"notification\" id=\"notification\">Copied to clipboard!<\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ DOM elements\n            const fileInput = document.getElementById('fileInput');\n            const imagePreview = document.getElementById('imagePreview');\n            const base64Output = document.getElementById('base64Output');\n            const convertBtn = document.getElementById('convertBtn');\n            const copyBtn = document.getElementById('copyBtn');\n            const downloadBtn = document.getElementById('downloadBtn');\n            const notification = document.getElementById('notification');\n            const themeToggle = document.getElementById('themeToggle');\n\n            \/\/ Check for saved theme preference\n            if (localStorage.getItem('darkMode') === 'enabled') {\n                document.body.classList.add('dark-mode');\n                themeToggle.checked = true;\n            }\n\n            \/\/ File input change handler\n            fileInput.addEventListener('change', function(e) {\n                const file = e.target.files[0];\n                if (!file) return;\n\n                \/\/ Validate file type\n                const validTypes = ['image\/jpeg', 'image\/png', 'image\/gif', 'image\/webp', 'image\/bmp'];\n                if (!validTypes.includes(file.type)) {\n                    showNotification('Please select a valid image file (JPG, PNG, GIF, WEBP, BMP)');\n                    resetUI();\n                    return;\n                }\n\n                \/\/ Validate file size (5MB max)\n                if (file.size > 5 * 1024 * 1024) {\n                    showNotification('File size exceeds 5MB limit');\n                    resetUI();\n                    return;\n                }\n\n                \/\/ Display preview\n                const reader = new FileReader();\n                reader.onload = function(event) {\n                    imagePreview.src = event.target.result;\n                    imagePreview.style.display = 'block';\n                    convertBtn.disabled = false;\n                };\n                reader.readAsDataURL(file);\n            });\n\n            \/\/ Convert button click handler\n            convertBtn.addEventListener('click', function() {\n                const file = fileInput.files[0];\n                if (!file) return;\n\n                const reader = new FileReader();\n                reader.onload = function(event) {\n                    base64Output.value = event.target.result;\n                    copyBtn.disabled = false;\n                    downloadBtn.disabled = false;\n                    showNotification('Image converted to Base64 successfully!');\n                };\n                reader.onerror = function() {\n                    showNotification('Error converting image to Base64');\n                };\n                reader.readAsDataURL(file);\n            });\n\n            \/\/ Copy button click handler\n            copyBtn.addEventListener('click', function() {\n                if (!base64Output.value) return;\n\n                base64Output.select();\n                document.execCommand('copy');\n                \n                \/\/ For mobile devices\n                if (navigator.clipboard) {\n                    navigator.clipboard.writeText(base64Output.value);\n                }\n                \n                showNotification('Copied to clipboard!');\n            });\n\n            \/\/ Download button click handler\n            downloadBtn.addEventListener('click', function() {\n                if (!base64Output.value) return;\n\n                const blob = new Blob([base64Output.value], { type: 'text\/plain' });\n                const url = URL.createObjectURL(blob);\n                const a = document.createElement('a');\n                a.href = url;\n                a.download = 'base64_image.txt';\n                document.body.appendChild(a);\n                a.click();\n                document.body.removeChild(a);\n                URL.revokeObjectURL(url);\n                \n                showNotification('Download started!');\n            });\n\n            \/\/ Theme toggle handler\n            themeToggle.addEventListener('change', function() {\n                if (this.checked) {\n                    document.body.classList.add('dark-mode');\n                    localStorage.setItem('darkMode', 'enabled');\n                } else {\n                    document.body.classList.remove('dark-mode');\n                    localStorage.setItem('darkMode', 'disabled');\n                }\n            });\n\n            \/\/ Helper function to show notification\n            function showNotification(message) {\n                notification.textContent = message;\n                notification.classList.add('show');\n                \n                setTimeout(() => {\n                    notification.classList.remove('show');\n                }, 3000);\n            }\n\n            \/\/ Helper function to reset UI\n            function resetUI() {\n                fileInput.value = '';\n                imagePreview.src = '';\n                imagePreview.style.display = 'none';\n                base64Output.value = '';\n                convertBtn.disabled = true;\n                copyBtn.disabled = true;\n                downloadBtn.disabled = true;\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-f6f00f4f\"><h2 class=\"uagb-heading-text\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Short&nbsp;<\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">description<\/mark><\/strong><\/h2><\/div>\n\n\n\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">Convert any image to Base64 instantly with our <strong>free online Image to Base64 Converter<\/strong>. This powerful tool allows developers, designers, and content creators to <strong>quickly transform images (JPG, PNG, GIF, BMP, WEBP) into Base64 format<\/strong> directly in the browser, without any software installation or registration.<\/mark><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-128b3ec0\"><h2 class=\"uagb-heading-text\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Why<\/mark> <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">Use This Tool:<\/mark><\/h2><\/div>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Simplify Development:<\/strong> Embed images directly into HTML, CSS, or JSON files using Base64, eliminating extra file requests.<\/p>\n\n\n\n<p><strong>Fast and Secure:<\/strong> All conversions happen in your browser, no image is uploaded to any server.<\/p>\n\n\n\n<p><strong>Easy Copy &amp; Download:<\/strong> Copy the Base64 string with one click or download it as a <code>.txt<\/code> file for later use.<\/p>\n\n\n\n<p><strong>Supports Multiple Image Formats:<\/strong> Works with most popular image formats used on websites and apps.<\/p>\n\n\n\n<p>This tool is <strong>perfect for web developers, front-end engineers, and designers<\/strong> who want to <strong>convert images to Base64 efficiently<\/strong> and improve website performance by reducing HTTP requests.<\/p>\n\n\n\n<div style=\"height:81px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-7356fa0c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-fa773922\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-13e1758d\"><h2 class=\"uagb-heading-text\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Used <\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">and <\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">shared <\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">on<\/mark><\/strong><\/h2><\/div>\n\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"wp-block-uagb-image-gallery uagb-block-b5d5330d     \"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery spectra-image-gallery__layout--carousel\">\n\t\t\t\t\t\t\t\t<div class=\"uagb-slick-carousel uagb-block-b5d5330d\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1509'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-3-300x156.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-3.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-3-300x156.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1511'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/images-1-300x84.jpg\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/images-1.jpg\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/images-1-300x84.jpg\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1512'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-6-300x99.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-6.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-6-300x99.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1513'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1514'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.jpg\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.jpg\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.jpg\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1515'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4-300x111.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4-300x111.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1516'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.jpg\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.jpg\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.jpg\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Free Online Image to Base64 Converter \u2013 Convert Copy &amp; Download Instantly Free Online Image to Base64 Converter Free Online Image to Base64 Converter Convert any image to Base64 instantly with this free online tool. Perfect for developers, designers, and content creators. Choose Image Supports JPG, PNG, GIF, WEBP, BMP (Max 5MB) Convert Copy Download [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","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":"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":""},"class_list":["post-1541","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"ar3508802@gmail.com","author_link":"https:\/\/poxiro.com\/ar\/author\/ar3508802gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Free Online Image to Base64 Converter \u2013 Convert Copy &amp; Download Instantly Free Online Image to Base64 Converter Free Online Image to Base64 Converter Convert any image to Base64 instantly with this free online tool. Perfect for developers, designers, and content creators. Choose Image Supports JPG, PNG, GIF, WEBP, BMP (Max 5MB) Convert Copy Download&hellip;","_links":{"self":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages\/1541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/comments?post=1541"}],"version-history":[{"count":7,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages\/1541\/revisions"}],"predecessor-version":[{"id":1921,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages\/1541\/revisions\/1921"}],"wp:attachment":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/media?parent=1541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}