{"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\/pl\/free-tools\/base64","title":{"rendered":"Base64"},"content":{"rendered":"<p class=\"has-text-align-center has-medium-font-size\">Base64 jest uniwersalnym formatem binarno-tekstowego kodowania danych - ale r\u0119czna konwersja mi\u0119dzy tekstem a Base64 jest \u017cmudna. Nasz&nbsp;<strong>darmowy dekoder Base64<\/strong>&nbsp;rozwi\u0105zuje ten problem w czasie rzeczywistym!<\/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>Konwerter Base64<\/h2>\n  <p>Tekst \u2194 Kodowanie\/dekodowanie Base64<\/p>\n<\/div>\n\n<div class=\"input-group\">\n  <textarea id=\"input\" placeholder=\"Wpisz sw\u00f3j tekst tutaj...Przyk\u0142ad: Hello world!\"><\/textarea>\n  \n  <div class=\"button-group\">\n    <button onclick=\"encode()\">Kod \u2192<\/button>\n    <button onclick=\"decode()\">\u2190 Dekodowanie<\/button>\n  <\/div>\n\n  <textarea id=\"output\" placeholder=\"Wynik pojawia si\u0119 tutaj...\" readonly><\/textarea>\n<\/div>\n\n<div class=\"error-message\" id=\"error\"><\/div>\n\n<div class=\"converter-footer\">\n  <p>\u017badne dane nie s\u0105 zapisywane - wszystko pozostaje lokalnie w przegl\u0105darce.<\/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>Co potrafi konwerter 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>Przyjazny dla deweloper\u00f3w<\/strong>Czysty kod dla integracji 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>B\u0142yskawiczna konwersja<\/strong>Tekst \u2194 Base64 w milisekundach<\/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>Gwarancja bezpiecze\u0144stwa<\/strong>Brak komunikacji z serwerem - wszystko lokalnie w przegl\u0105darce<\/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>Projekt responsywny<\/strong>Zoptymalizowany pod k\u0105tem komputer\u00f3w stacjonarnych i urz\u0105dze\u0144 mobilnych<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Do czego s\u0142u\u017cy Base64?<\/strong><\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>Za\u0142\u0105czniki do wiadomo\u015bci e-mail<\/strong>Wysy\u0142anie danych binarnych w formie tekstowej<\/li>\n\n\n\n<li><strong>Tworzenie stron internetowych<\/strong>Osadzanie obraz\u00f3w\/CSS bezpo\u015brednio w HTML<\/li>\n\n\n\n<li><strong>Interfejsy API<\/strong>Bezpieczna transmisja danych bez problem\u00f3w z kodowaniem<\/li>\n\n\n\n<li><strong>Bazy danych<\/strong>Zapisywanie plik\u00f3w binarnych w polach \u0142a\u0144cuchowych<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>FAQ - Cz\u0119sto zadawane pytania<\/strong><\/h3>\n\n\n\n<p><strong>Czy narz\u0119dzie jest naprawd\u0119 darmowe?<\/strong><br>Tak, nasz dekoder Base64 jest i pozostanie 100% darmowy - bez \u017cadnych ukrytych subskrypcji.<\/p>\n\n\n\n<p><strong>Czy dzia\u0142a ze znakami specjalnymi?<\/strong><br>Absolutnie! Wszystkie znaki UTF-8 (w tym emoji ?) s\u0105 przetwarzane poprawnie.<\/p>\n\n\n\n<p><strong>Czy mog\u0119 zintegrowa\u0107 narz\u0119dzie z moj\u0105 aplikacj\u0105?<\/strong><br>Wystarczy u\u017cy\u0107 otwartego kodu \u017ar\u00f3d\u0142owego z GitHub do cel\u00f3w prywatnych\/profesjonalnych.<\/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\">Testuj Trackboxx teraz przez 30 dni za darmo<\/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\">Bez wprowadzania szczeg\u00f3\u0142\u00f3w p\u0142atno\u015bci! Bez automatycznego odnawiania! Tw\u00f3j Trackboxx jest gotowy do pracy w ci\u0105gu 1 minuty.<\/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\">Zacznij teraz za darmo<\/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\/pl\/wp-json\/wp\/v2\/free-tools\/3857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/free-tools"}],"about":[{"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/types\/free-tools"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/pl\/wp-json\/wp\/v2\/media?parent=3857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}