{"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\/it\/free-tools\/base64","title":{"rendered":"Base64"},"content":{"rendered":"<p class=\"has-text-align-center has-medium-font-size\">Base64 \u00e8 il formato universale per la codifica binaria dei dati testuali, ma la conversione manuale tra testo e Base64 \u00e8 noiosa. Il nostro&nbsp;<strong>decodificatore Base64 gratuito<\/strong>&nbsp;risolve questo problema in tempo reale!<\/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>Convertitore Base64<\/h2>\n  <p>Testo \u2194 Codifica\/decodifica Base64<\/p>\n<\/div>\n\n<div class=\"input-group\">\n  <textarea id=\"input\" placeholder=\"Inserire il testo qui...Esempio: Ciao mondo!\"><\/textarea>\n  \n  <div class=\"button-group\">\n    <button onclick=\"encode()\">Codificare \u2192<\/button>\n    <button onclick=\"decode()\">\u2190 Decodificare<\/button>\n  <\/div>\n\n  <textarea id=\"output\" placeholder=\"Il risultato appare qui...\" readonly><\/textarea>\n<\/div>\n\n<div class=\"error-message\" id=\"error\"><\/div>\n\n<div class=\"converter-footer\">\n  <p>Non vengono salvati dati: tutto rimane in locale nel 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>Cosa pu\u00f2 fare il convertitore Base64?<\/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>Facile da usare per gli sviluppatori<\/strong>Codice pulito per le integrazioni API<\/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>Conversione fulminea<\/strong>Testo \u2194 Base64 in millisecondi<\/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>Sicurezza garantita<\/strong>Nessuna comunicazione con il server - tutto in locale nel 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>Design reattivo<\/strong>Utilizzo ottimizzato per desktop e mobile<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>A cosa serve Base64?<\/strong><\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Allegati e-mail<\/strong>Invio di dati binari in forma di testo<\/li>\n\n\n\n<li><strong>Sviluppo web<\/strong>Inclusione di immagini\/CSS direttamente nell'HTML<\/li>\n\n\n\n<li><strong>API<\/strong>Trasmissione sicura dei dati senza problemi di codifica<\/li>\n\n\n\n<li><strong>Banche dati<\/strong>Salvataggio di file binari in campi stringa<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>FAQ - Domande frequenti<\/strong><\/h3>\n\n\n\n<p><strong>\u2753 Lo strumento \u00e8 davvero gratuito?<\/strong><br>S\u00ec, il nostro decodificatore Base64 \u00e8 e rimarr\u00e0 100% gratuito, senza abbonamenti nascosti.<\/p>\n\n\n\n<p><strong>Funziona con i caratteri speciali?<\/strong><br>Assolutamente! Tutti i caratteri UTF-8 (compresi gli emoji ?) vengono elaborati correttamente.<\/p>\n\n\n\n<p><strong>\u2753 Posso integrare lo strumento nella mia applicazione?<\/strong><br>\u00c8 sufficiente utilizzare il codice open source di GitHub per scopi privati\/professionali.<\/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\">Provate subito Trackboxx gratuitamente per 30 giorni<\/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\">Senza inserire i dati di pagamento! Senza rinnovo automatico! <br>Il vostro Trackboxx \u00e8 pronto in 1 minuto.<\/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\">Iniziare ora gratuitamente<\/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\/it\/wp-json\/wp\/v2\/free-tools\/3857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/free-tools"}],"about":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/types\/free-tools"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/media?parent=3857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}