Base64 na obraz
Konwersja ciągów Base64 z powrotem do obrazów
Ciąg Base64
Wypróbuj te przykłady
Informacje o pliku
- Rozmiar
- 0 B
- Typ MIME
- —
- Format
- —
- Wymiary
- —
Obsługiwane formaty
- Format data URI: data:image/png;base64,iVBORw0KGgo…
- Surowy i bezpieczny dla URL Base64: wykrywa bajty PNG, JPG, GIF, WebP, BMP, ICO, AVIF i SVG
- Typy MIME z data URI są zachowywane; podgląd wizualny zależy od obsługi przeglądarki
- Pobrane pliki zachowują oryginalne zdekodowane bajty obrazu bez ponownej kompresji
Podgląd obrazu
Wpisz prawidłowy ciąg Base64, aby zobaczyć podgląd obrazu.
0 znaków
Wpisz prawidłowy ciąg Base64, aby zobaczyć podgląd obrazu.
O dekoderze Base64 na obraz
Nasz darmowy dekoder Base64 na obraz zamienia ciągi zakodowane w Base64 z powrotem w pliki graficzne, które można wyświetlić i pobrać. Niezależnie od tego, czy masz URI danych z dokumentu HTML, ciąg Base64 z odpowiedzi API, czy zakodowane dane obrazu z bazy danych, narzędzie natychmiast wyświetli obraz i poda szczegółowe informacje o formacie.
Kodowanie Base64 przedstawia dane binarne (np. obrazy) jako tekst ASCII z użyciem zestawu 64 znaków. Takie kodowanie jest powszechnie stosowane do osadzania obrazów bezpośrednio w HTML, CSS, odpowiedziach JSON i wiadomościach e-mail. Nasz dekoder odwraca ten proces: pobiera tekst Base64 i odtwarza oryginalny obraz do podglądu i pobrania.
Narzędzie obsługuje zarówno pełny format URI danych (data:image/png;base64,...), jak i surowe ciągi Base64 bez nagłówków. Automatycznie wykrywa format obrazu na podstawie typu MIME, wyświetla informacje o pliku, w tym szacowany rozmiar, i pozwala pobrać zdekodowany obraz w oryginalnym formacie, a wszystko to bez przesyłania danych na serwer.
Najważniejsze funkcje
- Natychmiastowe dekodowanie ciągów Base64 do obrazów, które można wyświetlić
- Obsługa zarówno formatu URI danych, jak i surowych danych Base64
- Automatyczne wykrywanie typu MIME i formatu obrazu
- Obsługa wszystkich popularnych formatów: PNG, JPG, GIF, WebP, SVG, BMP
- Podgląd obrazu na żywo z rzeczywistym wynikiem renderowania
- Obliczanie szacowanego rozmiaru pliku zdekodowanego obrazu
- Pobieranie zdekodowanych obrazów w oryginalnym formacie jednym kliknięciem
- Przycisk wklejania ze schowka do szybkiego wprowadzania danych
- Wbudowane przykładowe szablony do przetestowania narzędzia
- Całkowite przetwarzanie po stronie klienta dla pełnej prywatności
Jak korzystać z dekodera Base64 na obraz
- Wklej ciąg Base64: Wprowadź tekst zakodowany w Base64 w polu wejściowym. Można go wpisać, wkleić ręcznie lub użyć przycisku Wklej, aby odczytać dane ze schowka.
- Automatyczne dekodowanie: Narzędzie od razu próbuje zdekodować ciąg i wyświetlić obraz w panelu podglądu po prawej stronie.
- Sprawdź szczegóły obrazu: W panelu informacji o obrazie znajdziesz format, typ MIME i szacowany rozmiar pliku.
- Pobierz obraz: Kliknij przycisk Pobierz, aby zapisać zdekodowany obraz na urządzeniu w oryginalnym formacie.
- Wypróbuj przykłady: Kliknij przyciski przykładów, aby wczytać przykładowe ciągi Base64 i zobaczyć, jak dekoder przetwarza różne typy obrazów.
Zastosowania
- Wyodrębnianie osadzonych obrazów: Dekoduj URI danych znalezione w kodzie źródłowym HTML, arkuszach stylów CSS lub dokumentach Markdown, aby wyświetlić i zapisać oryginalne obrazy.
- Tworzenie API: Wyświetlaj podgląd obrazów zwracanych jako ciągi Base64 w odpowiedziach API, zanim włączysz je do aplikacji.
- Debugowanie e-maili: Wyodrębniaj i wyświetlaj obrazy wbudowane w kodzie źródłowym e-maili HTML, które używają URI danych zakodowanych w Base64.
- Odzyskiwanie danych z bazy: Dekoduj dane obrazów zapisane jako tekst Base64 w polach bazy danych, aby sprawdzić zawartość lub odzyskać pliki graficzne.
- Debugowanie front-endu: Sprawdź, czy obrazy zakodowane w Base64 w Twoim kodzie wyświetlają się poprawnie, oglądając je poza kontekstem aplikacji.
- Analiza bezpieczeństwa: Badaj ładunki obrazów zakodowanych w Base64 w ruchu sieciowym, logach lub podejrzanych plikach, aby sprawdzić ich zawartość wizualną.
- Migracja treści: Zamieniaj osadzone obrazy Base64 z powrotem w samodzielne pliki podczas przenoszenia treści między platformami lub systemami CMS.
Najczęściej zadawane pytania
Czym jest obraz zakodowany w Base64?
Obraz zakodowany w Base64 to binarne dane pliku graficznego zamienione na ciąg tekstowy za pomocą alfabetu Base64 (A-Z, a-z, 0-9, +, /). Dzięki temu obrazy można osadzać bezpośrednio w formatach tekstowych, takich jak HTML, CSS i JSON, bez osobnych plików graficznych.
Czym jest URI danych?
URI danych to schemat pozwalający umieszczać dane bezpośrednio w stronach internetowych. Dla obrazów ma format data:image/[format];base64,[encoded-data]. Typ MIME informuje przeglądarkę, jakiego rodzaju obrazu ma się spodziewać.
Jakie formaty obrazów są obsługiwane?
Dekoder rozpoznaje formaty PNG, JPEG, GIF, WebP, SVG, BMP, ICO i AVIF na podstawie surowych bajtów obrazu. URI danych zawiera własny typ MIME. Podgląd wizualny zależy od obsługi w przeglądarce; pobranie z URI danych zachowuje zdekodowane bajty nawet wtedy, gdy podgląd jest niedostępny.
Czy to narzędzie jest darmowe?
Tak, ten dekoder Base64 na obraz jest całkowicie darmowy: bez limitów użycia, bez rejestracji i bez ograniczeń rozmiaru obrazu lub liczby konwersji.
Czy moje dane są bezpieczne?
Tak. Całe dekodowanie odbywa się w przeglądarce. Wklejony ciąg Base64 nigdy nie jest przesyłany na żaden serwer, więc narzędzie jest bezpieczne do dekodowania wrażliwych lub poufnych danych obrazu.
Dlaczego mój ciąg Base64 się nie dekoduje?
Typowe przyczyny to niekompletne ciągi Base64 (obcięte podczas kopiowania), nieprawidłowy format URI danych, typy MIME inne niż obrazy lub uszkodzone kodowanie. Należy skopiować cały ciąg, razem z prefiksem data:image, jeśli występuje.
Wskazówki i dobre praktyki
- Dołącz nagłówek URI danych: Aby uzyskać najlepsze wyniki, wklej kompletny URI danych wraz z prefiksem data:image/[format];base64, aby narzędzie mogło wykryć właściwy format obrazu.
- Użyj przycisku wklejania: Przycisk Wklej odczytuje dane bezpośrednio ze schowka, co jest szybsze i mniej podatne na błędy niż ręczne wklejanie długich ciągów Base64.
- Sprawdź szacowany rozmiar: Panel informacji o obrazie pokazuje rozmiar zdekodowanych bajtów oraz, jeśli przeglądarka może wyświetlić obraz, jego rzeczywiste wymiary. Sam rozmiar pliku nie pozwala ustalić szerokości ani wysokości obrazu.
- Najpierw wypróbuj przykłady: Skorzystaj z wbudowanych przykładów, aby zapoznać się z narzędziem, zanim zaczniesz dekodować własne dane Base64.
- Pobierz do weryfikacji: Pobierz zdekodowany obraz i otwórz go w edytorze grafiki, aby sprawdzić jakość, wymiary i wierność kolorów.