{"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":"base64","status":"publish","type":"free-tools","link":"https:\/\/trackboxx.com\/nl\/free-tools\/base64","title":{"rendered":"Base64"},"content":{"rendered":"<p class=\"has-text-align-center has-medium-font-size\">Base64 is de universele indeling voor binaire tekstuele gegevenscodering, maar handmatige conversie tussen tekst en Base64 is vervelend. Onze&nbsp;<strong>gratis Base64-decoder<\/strong>&nbsp;lost dit probleem in realtime op!<\/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-omzetter<\/h2>\n  <p>Tekst \u2194 Base64 coderen\/decoderen<\/p>\n<\/div>\n\n<div class=\"input-group\">\n  <textarea id=\"input\" placeholder=\"Voer hier uw tekst in...Voorbeeld: Hallo wereld!\"><\/textarea>\n  \n  <div class=\"button-group\">\n    <button onclick=\"encode()\">\u2192 Coderen<\/button>\n    <button onclick=\"decode()\">\u2190 Decoderen<\/button>\n  <\/div>\n\n  <textarea id=\"output\" placeholder=\"Resultaat verschijnt hier...\" readonly><\/textarea>\n<\/div>\n\n<div class=\"error-message\" id=\"error\"><\/div>\n\n<div class=\"converter-footer\">\n  <p>Er worden geen gegevens opgeslagen - alles blijft lokaal in je browser<\/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>Wat kan de Base64-converter doen?<\/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>Ontwikkelaarsvriendelijk<\/strong>Schone code voor API-integraties<\/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>Bliksemsnelle conversie<\/strong>Tekst \u2194 Base64 in milliseconden<\/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>Veiligheid gegarandeerd<\/strong>Geen servercommunicatie - alles lokaal in de browser<\/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>Responsief ontwerp<\/strong>Gebruik geoptimaliseerd voor desktop en mobiel<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Waar wordt Base64 voor gebruikt?<\/strong><\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>E-mailbijlagen<\/strong>Binaire gegevens in tekstvorm verzenden<\/li>\n\n\n\n<li><strong>Webontwikkeling<\/strong>Afbeeldingen\/CSS direct insluiten in HTML<\/li>\n\n\n\n<li><strong>API's<\/strong>Veilige gegevensoverdracht zonder codeerproblemen<\/li>\n\n\n\n<li><strong>Databases<\/strong>Binaire bestanden opslaan in tekenreeksvelden<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>FAQ - Veelgestelde vragen<\/strong><\/h3>\n\n\n\n<p><strong>Is de tool echt gratis?<\/strong><br>Ja, onze Base64 decoder is en blijft 100% gratis - zonder verborgen abonnementen.<\/p>\n\n\n\n<p><strong>Werkt het met speciale tekens?<\/strong><br>Absoluut! Alle UTF-8-tekens (incl. emoji's ?) worden correct verwerkt.<\/p>\n\n\n\n<p><strong>Kan ik de tool integreren in mijn app?<\/strong><br>Gebruik gewoon de open source code van GitHub voor priv\u00e9-\/professionele doeleinden.<\/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\">Test Trackboxx nu 30 dagen gratis<\/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\">Zonder betalingsgegevens in te voeren! Zonder automatische verlenging! <br>Je Trackboxx is binnen 1 minuut klaar voor gebruik.<\/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\">Begin nu gratis<\/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\/nl\/wp-json\/wp\/v2\/free-tools\/3857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/free-tools"}],"about":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/types\/free-tools"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/media?parent=3857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}