{"id":3857,"date":"2025-04-24T22:57:24","date_gmt":"2025-04-24T20:57:24","guid":{"rendered":"https:\/\/trackboxx.com\/?post_type=free-tools&#038;p=3857"},"modified":"2025-04-24T22:57:24","modified_gmt":"2025-04-24T20:57:24","slug":"bas64","status":"publish","type":"free-tools","link":"https:\/\/trackboxx.com\/sv\/free-tools\/base64","title":{"rendered":"Base64"},"content":{"rendered":"<p class=\"has-text-align-center has-medium-font-size\">Base64 \u00e4r det universella formatet f\u00f6r bin\u00e4r textuell datakodning - men manuell konvertering mellan text och Base64 \u00e4r besv\u00e4rlig. V\u00e5r&nbsp;<strong>gratis Base64-avkodare<\/strong>&nbsp;l\u00f6ser detta problem i realtid!<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"converter-container\">\n<style>\n.converter-container {\n  max-width: 600px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #fff;\n  border-radius: 12px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n  font-family: 'Segoe UI', system-ui, sans-serif;\n}\n\n.converter-header {\n  text-align: center;\n  margin-bottom: 1.5rem;\n}\n\n.converter-header h2 {\n  color: #1a365d;\n  margin-bottom: 0.5rem;\n}\n\n.input-group {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\ntextarea {\n  width: 100%;\n  padding: 1rem;\n  border: 2px solid #e2e8f0;\n  border-radius: 8px;\n  min-height: 100px;\n  font-family: monospace;\n  resize: vertical;\n  transition: all 0.3s ease;\n}\n\ntextarea:focus {\n  border-color: #4f46e5;\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(79,70,229,0.1);\n}\n\n.button-group {\n  display: flex;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\nbutton {\n  flex: 1;\n  padding: 0.8rem 1.5rem;\n  background: #4f46e5;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  font-weight: 600;\n  transition: all 0.3s ease;\n}\n\nbutton:hover {\n  background: #4338ca;\n}\n\nbutton:active {\n  transform: scale(0.98);\n}\n\n#output {\n  background: #f8fafc;\n  border: 2px dashed #e2e8f0;\n}\n\n.error-message {\n  color: #dc2626;\n  padding: 0.5rem;\n  background: #fee2e2;\n  border-radius: 6px;\n  margin-top: 1rem;\n  display: none;\n}\n\n.converter-footer {\n  margin-top: 1.5rem;\n  color: #64748b;\n  font-size: 0.9em;\n  text-align: center;\n}\n<\/style>\n\n<div class=\"converter-header\">\n  <h2>Base64-omvandlare<\/h2>\n  <p>Text \u2194 Base64 Kodning\/avkodning<\/p>\n<\/div>\n\n<div class=\"input-group\">\n  <textarea id=\"input\" placeholder=\"Skriv in din text h\u00e4r...Exempel: Hej v\u00e4rlden!\"><\/textarea>\n  \n  <div class=\"button-group\">\n    <button onclick=\"encode()\">Koda \u2192 Koda<\/button>\n    <button onclick=\"decode()\">\u2190 Avkoda<\/button>\n  <\/div>\n\n  <textarea id=\"output\" placeholder=\"Resultatet visas h\u00e4r...\" readonly><\/textarea>\n<\/div>\n\n<div class=\"error-message\" id=\"error\"><\/div>\n\n<div class=\"converter-footer\">\n  <p>Ingen data sparas - allt f\u00f6rblir lokalt i din webbl\u00e4sare<\/p>\n<\/div>\n\n<script>\nfunction encode() {\n  try {\n    const text = document.getElementById('input').value;\n    const encoded = btoa(unescape(encodeURIComponent(text)));\n    document.getElementById('output').value = encoded;\n    hideError();\n  } catch {\n    showError('Fehler bei der Kodierung');\n  }\n}\n\nfunction decode() {\n  try {\n    const base64 = document.getElementById('input').value;\n    const decoded = decodeURIComponent(escape(atob(base64)));\n    document.getElementById('output').value = decoded;\n    hideError();\n  } catch {\n    showError('Ung\u00fcltige Base64-Eingabe');\n  }\n}\n\nfunction showError(message) {\n  const errorDiv = document.getElementById('error');\n  errorDiv.textContent = message;\n  errorDiv.style.display = 'block';\n}\n\nfunction hideError() {\n  document.getElementById('error').style.display = 'none';\n}\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100px\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Vad kan Base64-omvandlaren g\u00f6ra?<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-d8066ac\" data-block-id=\"d8066ac\"><p class=\"stk-block-text__text\">?\ufe0f&nbsp;<strong>Utvecklarv\u00e4nlig<\/strong>Ren kod f\u00f6r API-integrationer<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-cc82184\" data-block-id=\"cc82184\"><p class=\"stk-block-text__text\">\u26a1&nbsp;<strong>Blixtsnabb konvertering<\/strong>Text \u2194 Base64 i millisekunder<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-0c6b45d\" data-block-id=\"0c6b45d\"><p class=\"stk-block-text__text\">?&nbsp;<strong>Garanterad s\u00e4kerhet<\/strong>Ingen serverkommunikation - allt sker lokalt i webbl\u00e4saren<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-3169510\" data-block-id=\"3169510\"><p class=\"stk-block-text__text\">?&nbsp;<strong>Responsiv design<\/strong>Optimerad anv\u00e4ndning f\u00f6r dator och mobil<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Vad anv\u00e4nds Base64 till?<\/strong><\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>E-postbilagor<\/strong>: Skicka bin\u00e4ra data i textform<\/li>\n\n\n\n<li><strong>Webbutveckling<\/strong>Inb\u00e4ddning av bilder\/CSS direkt i HTML<\/li>\n\n\n\n<li><strong>API:er<\/strong>S\u00e4ker data\u00f6verf\u00f6ring utan kodningsproblem<\/li>\n\n\n\n<li><strong>Databaser<\/strong>Spara bin\u00e4ra filer i str\u00e4ngf\u00e4lt<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>FAQ - Vanliga fr\u00e5gor och svar<\/strong><\/h3>\n\n\n\n<p><strong>\u2753 \u00c4r verktyget verkligen gratis?<\/strong><br>Ja, v\u00e5r Base64 avkodare \u00e4r och kommer att f\u00f6rbli 100% gratis - utan n\u00e5gra dolda prenumerationer.<\/p>\n\n\n\n<p><strong>\u2753 Fungerar det med specialtecken?<\/strong><br>Ja, absolut! Alla UTF-8-tecken (inkl. emojis ?) behandlas korrekt.<\/p>\n\n\n\n<p><strong>\u2753 Kan jag integrera verktyget i min app?<\/strong><br>Anv\u00e4nd helt enkelt den \u00f6ppna k\u00e4llkoden fr\u00e5n GitHub f\u00f6r privata\/professionella \u00e4ndam\u00e5l.<\/p>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-114b7eb\" data-block-id=\"114b7eb\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-114b7eb-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c3d48bd\" data-v=\"4\" data-block-id=\"c3d48bd\"><style>@media screen and (min-width: 768px){.stk-c3d48bd {flex:var(--stk-flex-grow, 1) 1 25% !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c3d48bd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c3d48bd-inner-blocks\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-0cdc786\" data-v=\"4\" data-block-id=\"0cdc786\"><style>@media screen and (min-width: 768px){.stk-0cdc786 {flex:var(--stk-flex-grow, 1) 1 50% !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-0cdc786-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-0cdc786-inner-blocks\">\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-stackable-call-to-action stk-block-call-to-action stk-block stk-e215782 is-style-default\" data-v=\"2\" data-block-id=\"e215782\"><div class=\"stk-block-call-to-action__content stk-content-align stk-e215782-column stk-container stk-e215782-container stk-hover-parent\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-e215782-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-55888e5\" id=\"jetzt-trackboxx-30-tage-kostenlos-testen\" data-block-id=\"55888e5\"><h3 class=\"stk-block-heading__text\">Testa Trackboxx nu i 30 dagar kostnadsfritt<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-ea0d235\" data-block-id=\"ea0d235\"><p class=\"stk-block-text__text translation-block\">Utan att ange betalningsinformation! Utan automatisk f\u00f6rnyelse!<br>Din Trackboxx \u00e4r redo att anv\u00e4ndas p\u00e5 1 minut.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-button-group stk-block-button-group stk-block stk-0c93f40\" data-block-id=\"0c93f40\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-button-group\">\n<div class=\"wp-block-stackable-button stk-block-button stk-block stk-b564d26\" data-block-id=\"b564d26\"><style>.stk-b564d26 .stk-button{padding-right:40px !important;padding-left:40px !important;background:linear-gradient(135deg,rgb(226,1,119) 0%,rgb(0,92,174) 99%) !important;border-top-left-radius:40px !important;border-top-right-radius:40px !important;border-bottom-right-radius:40px !important;border-bottom-left-radius:40px !important}<\/style><a class=\"stk-link stk-button stk--hover-effect-darken\" href=\"https:\/\/api.trackboxx.com\/free\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"stk-button__inner-text\">Starta nu kostnadsfritt<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-adccaa8\" data-v=\"4\" data-block-id=\"adccaa8\"><style>@media screen and (min-width: 768px){.stk-adccaa8 {flex:var(--stk-flex-grow, 1) 1 25% !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-adccaa8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-adccaa8-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>","protected":false},"featured_media":0,"template":"","class_list":["post-3857","free-tools","type-free-tools","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/free-tools\/3857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/free-tools"}],"about":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/types\/free-tools"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/media?parent=3857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}