Base64 na PNG

Wklej Base64, zobacz podgląd i pobierz oryginalny plik PNG.

0 zn.
🖼️

Tutaj pojawi się obraz PNG

PNG

Bez utraty jakości

Odzyskaj oryginalne bajty pliku, wraz z przezroczystością.

LOKALNIE

Bez przesyłania danych

Dekodowanie odbywa się w przeglądarce. Obraz nie jest wysyłany na serwer.

PODGLĄD

Sprawdź przed pobraniem

Zobacz obraz, jego wymiary i rozmiar pliku.

O dekodowaniu Base64

Obsługiwane dane

  • >Ciąg Base64 bez prefiksu
  • >Pełny data URI: data:image/png;base64,…
  • >Spacje i podziały wierszy
  • >Standardowy Base64 oraz wariant URL-safe
  • >Dane z końcowymi znakami = lub bez nich

Kiedy się przydaje

  • >Odzyskiwanie obrazu z odpowiedzi JSON
  • >Zapisywanie grafik osadzonych w HTML lub CSS
  • >Sprawdzanie zrzutów ekranu zapisanych jako Base64

Jak powstaje plik PNG

Narzędzie usuwa prefiks data URI, porządkuje zapis Base64 i odtwarza bajty obrazu. Sprawdza sygnaturę PNG, a następnie wyświetla podgląd. Nie kompresuje obrazu ponownie ani nie zmienia jego formatu.

Przykładowy data URI:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==

Działanie w przeglądarce

  • >Działa w aktualnych przeglądarkach na komputerach i telefonach
  • >Pobieranie zachowuje oryginalną zawartość pliku
  • >Maksymalny rozmiar zależy od dostępnej pamięci przeglądarki

Jak używać

📋

Wklej

Wprowadź ciąg Base64 lub data URI.

🔍

Dekoduj

Kliknij „Dekoduj”, aby odtworzyć PNG.

📊

Sprawdź

Obejrzyj obraz i sprawdź jego wymiary.

💾

Pobierz

Zapisz oryginalny plik PNG na urządzeniu.

Przykłady kodu

JavaScript w przeglądarce

const b64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==';
const bytes = Uint8Array.from(atob(b64), c => c.charCodeAt(0));
const blob = new Blob([bytes], { type: 'image/png' });
const url = URL.createObjectURL(blob);

Odtwórz bajty PNG z ciągu Base64 bez prefiksu.

Node.js

const fs = require('node:fs');
const b64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==';
fs.writeFileSync('image.png', Buffer.from(b64, 'base64'));

Zapisz zdekodowane dane w pliku PNG.

Python

import base64
b64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg=='
with open('image.png', 'wb') as file:
    file.write(base64.b64decode(b64))

Zdekoduj Base64 za pomocą biblioteki standardowej.

Najczęstsze pytania

Co wkleić do pola?

Sam ciąg Base64 lub pełny data URI zaczynający się od data:image/png;base64,. Nie wklejaj całego obiektu JSON ani znacznika HTML.

Czy przezroczystość zostanie zachowana?

Tak. Plik jest odtwarzany bajt po bajcie, więc kanał alfa i jakość obrazu pozostają bez zmian.

Czy można w ten sposób zmienić JPG na PNG?

Nie. To dekoder plików PNG zapisanych w Base64, a nie konwerter formatów. Jeśli nie znasz formatu danych, użyj dekodera obrazów Base64.

Dlaczego obraz się nie wyświetla?

Sprawdź, czy ciąg jest kompletny i pochodzi z pliku PNG. Usuń otaczające cudzysłowy oraz znaczniki HTML. Spacje i podziały wierszy mogą pozostać.

Czy dane trafiają na serwer?

Nie. Dekodowanie, podgląd i pobieranie odbywają się w przeglądarce.

Czy Base64 chroni zawartość obrazu?

Nie. Base64 to kodowanie, nie szyfrowanie. Każdy, kto ma ten ciąg, może odtworzyć obraz.

Inne języki

Źródła