Przeciągnij obrazy tutaj lub kliknij, aby wybrać
Obsługuje PNG, JPG, GIF, WebP
Przeciągnij obrazy tutaj lub kliknij, aby wybrać
Obsługuje PNG, JPG, GIF, WebP
Darmowe narzędzie online do konwersji obrazów na Base64, obsługujące PNG/JPG/WebP/GIF/SVG/BMP/AVIF i inne formaty. Lokalne przetwarzanie w przeglądarce przez Web Worker, bez wysyłania plików i bez blokowania UI. Generuj Data URL dla CSS, HTML, szablonów e-mail i transmisji API.
Obsługiwane są PNG, JPG, WebP, GIF, SVG, BMP, AVIF, HEIC/HEIF i inne popularne formaty. Narzędzie automatycznie wykrywa typ MIME i generuje odpowiedni prefiks Data URL, np. data:image/png;base64,...
Web Worker to wątek przeglądarki niezależny od głównego wątku UI. Tradycyjne kodowanie obrazów może blokować stronę; to narzędzie wykonuje kodowanie w Workerze z transferem ArrayBuffer i callbackami postępu, dzięki czemu interfejs pozostaje responsywny przy dużych plikach.
Nie. Konwersja odbywa się bezpośrednio w wątku Worker przeglądarki z technologią ArrayBuffer zero-copy. Zawartość obrazu nie przechodzi przez żaden serwer. To zasadniczo różni się od narzędzi, które deklarują „przetwarzanie w przeglądarce”, ale faktycznie wysyłają dane.
Kodowanie Base64 daje około 133% pierwotnego rozmiaru binarnego, czyli około 33% więcej. Każde 3 bajty (24 bity) są zamieniane na 4 znaki Base64 (po 6 bitów), z paddingiem = na końcu w razie potrzeby. Obrazy inline najlepiej trzymać poniżej 10KB.
Zalecane dla małych ikon i obrazów poniżej 10KB. Małe obrazy inline zmniejszają liczbę żądań HTTP, ale duże obrazy zwiększają rozmiar HTML/CSS i mogą pogorszyć ładowanie. Duże obrazy powinny używać oddzielnych URL.
Data URL ma format data:image/png;base64, po którym następuje treść Base64, i można go umieścić bezpośrednio w atrybucie src tagu HTML img. Czysty Base64 to sam zakodowany ciąg i wymaga prefiksu MIME.
Tak. Po konwersji obrazu na Base64 możesz wysłać go jako wartość pola w ciele żądania JSON do API backendu. Narzędzie obsługuje kopiowanie jednym kliknięciem i jest zgodne z większością przykładów dokumentacji API.
Base64 inline jest dobre dla małych plików (<10KB), bo zmniejsza liczbę żądań HTTP. Dla dużych obrazów oddzielne URL ładują się szybciej, ponieważ przeglądarka może pobierać wiele zasobów równolegle i korzystać z cache.
Obraz na Base64 to technika kodowania binarnych danych obrazu jako tekstowego ciągu ASCII. Base64 używa 64 drukowalnych znaków (A-Z, a-z, 0-9, +, /) do reprezentacji danych binarnych, zamienia każde 3 bajty na 4 znaki Base64 i dodaje = jako padding na końcu. Cały proces jest zgodny ze standardem RFC 4648.
**Zasada kodowania**: Base64 dzieli każde 3 bajty (24 bity) na cztery grupy 6-bitowe, z których każda odpowiada znakowi alfabetu Base64. Jeśli liczba bajtów nie dzieli się przez 3, na końcu dodawane są 1-2 znaki = paddingu. Dlatego rozmiar pliku rośnie o około 33% (4/3 ≈ 1.33).
**Optymalizacja Web Worker**: to narzędzie używa Web Workerów do wykonywania kodowania w wątku przeglądarki oddzielonym od wątku głównego. ArrayBuffer.transfer() umożliwia transfer zero-copy do Workera i zapobiega blokowaniu. Nawet przy obrazach o rozmiarze wielu MB UI pozostaje płynne i pokazuje postęp w czasie rzeczywistym.
**Prywatność i bezpieczeństwo**: w przeciwieństwie do narzędzi wymagających uploadu obrazów na serwer, to narzędzie działa całkowicie w przeglądarce. Dane obrazu nie przechodzą przez serwery stron trzecich, co jest szczególnie ważne przy wrażliwych obrazach, np. dokumentach tożsamości lub umowach.
**Zastosowania**: obrazy Base64 są często używane w CSS Sprites (mniej żądań HTTP), szablonach e-mail HTML (omijanie blokowania obrazów przez klientów poczty), transmisji binarnych danych przez API oraz rozszerzeniach przeglądarki lub aplikacjach jednoplikowych, gdy nie można odwoływać się do zasobów zewnętrznych.
