Obraz na Base64

Zamień dowolny plik graficzny na ciąg Base64 w ułamku sekundy. Ten darmowy, działający w przeglądarce Image to Base64 nie wymaga rejestracji.

Jak działa kodowanie image to base64

Kodowanie Base64 bierze dane binarne i mapuje je na 64-znakowy podzbiór ASCII. Czytasz trzy bajty naraz. To daje 24 bity. Algorytm dzieli te 24 bity na cztery 6-bitowe fragmenty. Każdy fragment wskazuje konkretny znak w alfabecie. Jeśli rozmiar pliku nie jest idealną wielokrotnością trzech bajtów, narzędzie dopełnia koniec znakami równości.

Kiedy używasz tego narzędzia, czyta ono surowe bajty przesłanego pliku. Ignoruje rozszerzenie i patrzy na faktyczne magic numbers. Plik PNG zaczyna się od konkretnych bajtów hex. JPEG startuje od FF D8 FF. Narzędzie dodaje potem poprawny typ MIME do wyniku, jeśli potrzebujesz data URI.

Zastosowania konwertera image to base64 online

Potrzebujesz tego, gdy chcesz osadzić małą grafikę bezpośrednio w kodzie. Pliki CSS i dokumenty HTML potrafią renderować data URI bez wykonywania dodatkowych żądań HTTP. To redukuje ruch sieciowy przy malutkich ikonkach albo GIF-ach ładowania. Po prostu wklejasz zakodowany ciąg do arkusza stylów albo znaczników.

Inny częsty scenariusz to API oparte na JSON. Niektóre usługi sieciowe oczekują załączników binarnych zakodowanych jako tekst wewnątrz payloadu JSON. Może ci się to też przydać do trzymania małych obrazków w kolumnie tekstowej bazy danych albo przesyłania ich przez parametr query w URL. Pamiętaj tylko, że Base64 powiększa oryginalny rozmiar pliku o około 33 procent.

• Osadzanie małych faviconów albo ikon UI bezpośrednio w CSS.
• Przesyłanie danych obrazu przez payloady JSON albo parametry URL.
• Przechowywanie malutkich grafik w kolumnach bazodanowych tylko tekstowych.
• Generowanie data URI do szablonów HTML e-maili.

Ograniczenia narzędzia image to base64

To narzędzie obsługuje tylko sam krok kodowania. Nie optymalizuje, nie zmienia rozmiaru ani nie kompresuje pliku źródłowego. Jeśli wrzucisz mu ogromne, 10-megabajtowe zdjęcie, dostaniesz z powrotem potężny, 13-megabajtowy ciąg tekstowy. Przeglądarki i parsery się zakrztuszą tak dużymi data URI. Koduj tylko małe zasoby.

Format wyjściowy zależy w całości od twojego pliku źródłowego. Jak wrzucisz obraz WebP, narzędzie zwróci ciąg Base64 dla WebP. Nie zamieni magicznie PNG na JPEG. Jeśli potrzebujesz innego formatu, musisz najpierw przekonwertować obraz w dedykowanym edytorze graficznym.

Jak używać image to base64

1. Kliknij obszar przesyłania i wybierz lokalny plik graficzny.
2. Poczekaj, aż przeglądarka odczyta bajty pliku i przetworzy kodowanie.
3. Skopiuj wygenerowany ciąg Base64 z wyjściowego pola tekstowego.
4. Wklej ciąg do swojego HTML, CSS, JSON albo terminala.

Prefiksy data URI Base64 według formatu

Używaj tych dokładnych prefiksów, gdy osadzasz zakodowany ciąg w HTML albo CSS.

Frequently asked questions

Czy to narzędzie image to base64 jest całkowicie darmowe?

Tak. Możesz konwertować tyle plików, ile potrzebujesz, bez płacenia albo zakładania konta. Nie ma tu ukrytych paywalli ani kont premium dla tego konkretnego narzędzia.

Czy narzędzie działa na urządzeniach mobilnych?

Działa w całości w przeglądarce, więc na iOS i Androidzie sprawdzi się tak samo jak na desktopie. Możesz wybierać zdjęcia bezpośrednio z rolki aparatu albo menedżera plików.

Dlaczego mój ciąg Base64 jest dłuższy niż oryginalny plik?

Kodowanie Base64 tłumaczy 3 bajty danych binarnych na 4 znaki ASCII. Ten narzut strukturalny zwiększa całkowity rozmiar o mniej więcej 33 procent. To matematyczna pewność schematu kodowania, a nie błąd.

Jak przekonwertować obraz na base64 bez prefiksu data URI?

Narzędzie domyślnie zwraca surowy zakodowany ciąg. Jeśli potrzebujesz pełnego formatu data URI do HTML albo CSS, po prostu sam dodajesz poprawny ciąg typu MIME, korzystając z tabeli powyżej.

Co się stanie, gdy prześlę uszkodzony plik graficzny?

Narzędzie czyta surowe bajty, więc i tak zakoduje uszkodzone dane do ciągu Base64. Wynikowy obraz nie wyświetli się jednak w przeglądarce ani w przeglądarce grafik, bo bazowa struktura binarna jest popsuta.