PL

Konwersja obrazu do Base64

To narzędzie zamienia obraz do Base64 i od razu daje data URL, znacznik HTML, tło CSS, Markdown albo JSON gotowe do skopiowania. Na życzenie najpierw zmniejsza obraz lub konwertuje go do PNG, JPG albo WebP. W drugą stronę dekoder pokazuje obraz ukryty w tekście Base64 i zapisuje go jako plik.

Źródło: RFC 2397, RFC 2397 – The "data" URL scheme. Stan na: .

Przeciągnij i upuść pliki tutaj lub

Jeden obraz (JPG, PNG, GIF, WebP, SVG, ICO…), do 10 MB

Wskazówka: obrazy możesz też wkleić skrótem Ctrl + V.

Pliki są przetwarzane tylko w Twojej przeglądarce i nie są nigdzie wysyłane – nie opuszczają Twojego urządzenia.

Kod Base64

Wybierz obraz – tutaj pojawi się kod Base64.

Moje narzędzia

Wynik

Jak to obliczamy

Jak zamienić obraz do Base64

  1. Przeciągnij obraz, wybierz go albo wklej skrótem Ctrl + V. Kod Base64 pojawi się od razu.
  2. Wybierz wynik: data URL do src lub url(), tylko Base64 do API, gotowy znacznik img HTML z szerokością i wysokością, linię CSS dla background-image, Markdown lub JSON.
  3. Skopiuj go albo zapisz jako plik tekstowy.

Data URL jest zgodny z RFC 2397: data:image/png;base64,, a za nim bajty obrazu w Base64 według RFC 4648. Typ MIME jest rozpoznawany po zawartości pliku, nie po rozszerzeniu – PNG nazwany .jpg dostanie więc poprawnie image/png.

Ile zajmuje obraz w Base64?

Base64 zamienia każde 3 bajty na 4 znaki, więc tekst jest o około 33% większy niż plik: obraz 30 KB to mniej więcej 40 000 znaków. Dlatego Base64 najlepiej sprawdza się przy małych grafikach: ikonach, logo, obrazkach w e-mailach, samodzielnych plikach HTML i w CSS. Duże zdjęcia najpierw zmniejsz polem „Zmniejsz do szerokości” albo zamień na WebP lub JPG.

Z Base64 z powrotem na obraz

W trybie „Base64 → obraz” wklej data URL, całą linię CSS, znacznik img albo sam tekst Base64 – z podziałami wierszy, bez znaków równości na końcu lub w wariancie bezpiecznym dla URL z - i _. Narzędzie rozpoznaje JPG, PNG, GIF, WebP, BMP, TIFF, AVIF, HEIC, SVG i ICO, pokazuje rozmiar i wymiary oraz zapisuje plik z właściwym rozszerzeniem. Jeśli typ podany w data URL nie zgadza się z zawartością, pojawi się ostrzeżenie.

Prywatność i ograniczenia

Obrazy i wklejony tekst zostają w przeglądarce – nic nie jest wysyłane ani zapisywane. Kodować można obrazy do 10 MB; SVG i ICO pozostają bez zmian. Dowolny tekst lub plik zakodujesz narzędziem Base64 – kodowanie i dekodowanie, format obrazu zmienisz w konwerterze zdjęć, a jego rozmiar zmniejszysz narzędziem kompresja zdjęć.

Najczęściej zadawane pytania

Jak zamienić obraz do Base64?

Wybierz obraz tutaj – kod pojawi się od razu. Jako data URL zaczyna się od data:image/…;base64, i można go użyć bezpośrednio w HTML lub CSS.

Jak wstawić obraz Base64 do HTML?

Wybierz wynik „HTML <img>” i skopiuj: <img src="data:image/png;base64,…" alt="…">. Narzędzie samo dopisze szerokość i wysokość.

Jak zamienić Base64 z powrotem na obraz?

Przełącz na „Base64 → obraz”, wklej tekst i kliknij „Pokaż obraz”. Obraz się pojawi i można go zapisać z poprawnym rozszerzeniem.

Dlaczego kod Base64 jest większy niż obraz?

Base64 zapisuje każde 3 bajty jako 4 znaki tekstu, więc kod jest o mniej więcej jedną trzecią większy niż plik.

Czy mogę zamienić SVG do Base64?

Tak. SVG jest kodowany bez zmian z typem image/svg+xml, np. na potrzeby tła w CSS.

Czy mój obraz jest wysyłany na serwer?

Nie. Kodowanie i dekodowanie odbywają się w całości w przeglądarce i nic nie jest zapisywane.

Źródła i podstawa prawna

Stan na: · Zasady redakcyjne

Podobne narzędzia