Konwersja obrazu na Base64 (data URI) pozwala osadzić obraz bezpośrednio w kodzie HTML, CSS lub e-mailu jako ciąg tekstowy - bez potrzeby hostowania pliku na serwerze. Narzędzie działa bezpłatnie w przeglądarce, bez rejestracji i bez wysyłania pliku na serwery.
Co to jest obraz Base64?
Base64 to metoda kodowania danych binarnych (takich jak obrazy) jako tekst ASCII. Data URI to format data:image/png;base64,<zakodowane_dane> pozwalający osadzić obraz bezpośrednio w atrybucie src tagu <img> lub w CSS.
Przykład HTML z Base64:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." />
Przykład CSS z Base64:
.logo {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...");
}
Jak używać Konwertera obrazu na Base64 - kroki
- Otwórz Obraz do Base64.
- Wybierz lub przeciągnij obraz (JPG, PNG, GIF, WebP, SVG).
- Narzędzie natychmiast generuje ciąg Base64 i data URI.
- Skopiuj jako czysty tekst Base64 lub jako data URI (pełny
data:image/...). - Opcjonalnie skopiuj gotowy tag
<img src="...">lub właściwość CSS. - Wklej do swojego kodu HTML lub CSS.
Przypadki użycia
- E-maile HTML - osadzanie obrazów inline, aby nie były blokowane przez klientów poczty
- Ikony i logo - małe obrazy osadzone w CSS bez dodatkowych żądań HTTP
- Pliki offline - strony HTML działające bez internetu z osadzonymi obrazami
- Aplikacje mobilne - przesyłanie obrazów przez API jako tekst Base64
- Markdown i dokumentacja - osadzanie obrazów w notatkach i wiki bez hostowania
- Szybkie prototypowanie - testowanie layoutu bez konfiguracji serwera plików
FAQ
Czy Base64 zwiększa rozmiar pliku? Tak, kodowanie Base64 zwiększa rozmiar danych o około 33%. Np. obraz 100 KB stanie się ciągiem tekstowym o rozmiarze ~133 KB. Dlatego Base64 najlepiej stosować dla małych obrazów (ikon, logotypów).
Jakie formaty obrazów są obsługiwane? Narzędzie obsługuje wszystkie popularne formaty: JPEG, PNG, GIF, WebP, SVG i inne. Typ MIME jest automatycznie dodawany do data URI.
Czy obraz jest wysyłany na serwery? Nie. Cała konwersja odbywa się lokalnie w przeglądarce. Wybrany plik nigdy nie opuszcza Twojego urządzenia.
Kiedy NIE używać Base64? Unikaj Base64 dla dużych obrazów (powyżej kilku KB) - zwłaszcza na stronach internetowych. Zewnętrzne pliki graficzne mogą być buforowane przez przeglądarkę, podczas gdy obrazy Base64 są ładowane przy każdym odświeżeniu strony.
Osadzaj obrazy bezpośrednio w kodzie z Obraz do Base64 - bezpłatnie i bez rejestracji.