Obraz do Base64

O tym narzędziu

Konwerter obrazów na Base64 koduje dowolny plik obrazu jako ciąg Base64 lub pełne Data URI, pozwalając osadzać obrazy bezpośrednio w HTML, CSS lub JSON bez konieczności hostowania ich jako oddzielnych plików. Obsługuje przeciąganie i upuszczanie lub wybór kliknięciem i wyświetla oryginalny rozmiar pliku vs. rozmiar zakodowany.

Całe kodowanie odbywa się w przeglądarce za pomocą FileReader API — obraz nie jest nigdy przesyłany na żaden serwer. Można przełączać się między pełnym Data URI (z prefiksem data:image/…;base64,) a czystym Base64 (bez prefiksu).

Jak używać

1. Przeciągnij obraz do obszaru przesyłania lub kliknij, aby otworzyć selektor plików.
2. Zakodowany wynik pojawia się automatycznie po załadowaniu pliku.
3. Przełączaj między Data URI a Base64 Only za pomocą przycisków.
4. Kliknij Kopiuj, aby skopiować wynik do schowka.

Przypadki użycia

Programiści frontend osadzają małe ikony bezpośrednio w CSS lub HTML, aby wyeliminować żądania HTTP. Marketerzy e-mailowi umieszczają obrazy w szablonach HTML, ponieważ wiele klientów pocztowych blokuje zewnętrzne obrazy. Programiści aplikacji mobilnych kodują obrazy dla ładunków JSON API. Programiści przechowują obrazy jako ciągi Base64 w plikach konfiguracyjnych lub bazach danych.

Często zadawane pytania

• Czy kodowanie Base64 zwiększa rozmiar pliku? — Tak. Kodowanie Base64 zwiększa rozmiar pliku o około 33% w porównaniu z oryginalnym plikiem binarnym.
• Jakie formaty obrazów są obsługiwane? — Każdy format, który może wyświetlić Twoja przeglądarka: JPG, PNG, WebP, GIF, SVG, BMP i inne.
• Czy powinienem kodować duże obrazy w Base64? — Dla plików powyżej ~10 KB zwykle lepiej jest hostować obraz jako plik. Duże ciągi Base64 rozdymają HTML/CSS i obniżają wydajność ładowania strony.