Obraz do Base64
Konwertuj obrazy na ciągi Base64 do osadzania w HTML i CSS. Obsługa JPG, PNG, GIF, WebP. Darmowe narzędzie online.
Przeciągnij i upuść obraz
lub kliknij, aby przeglądać
PNG, JPG, GIF, SVG, WebP
Rozmiar pliku
Wymiary
Typ
Base64
Skopiowano
Kopiowanie nie powiodło się. Zaznacz wynik i skopiuj ręcznie.
Popularne narzędzia
Format jest rozpoznawany z danych, po czym przeglądarka musi je zdekodować. Kodowanie odczytuje oryginalne bajty bez ponownego kodowania przez Canvas. Base64 jest większy; nadaje się do małych ikon lub JSON/HTML/CSS.
Te kontrolki przetwarzają wybrane pliki przez API przeglądarki. Reklamy i inne usługi witryny działają osobno. Obsługa dekodowania i kodowania zależy od przeglądarki. Canvas eksportuje wyrenderowany obraz; animacja, profile kolorów, metadane i zachowanie/usunięcie EXIF nie są gwarantowane. Wymiary odpowiadają zdekodowanemu obrazowi wraz z orientacją zastosowaną przez dekoder. Zachowaj oryginał.
O Obrazie do Base64
Konwertuj obrazy do kodowania Base64 dla osadzania w HTML/CSS. Idealne dla programistów i maili HTML.
Koduj oryginalne bajty obrazu jako URI danych, surowy Base64, HTML lub CSS albo dekoduj Base64 obrazu do podglądu i pobrania. Te kontrolki przetwarzają wybrane pliki przez API przeglądarki. Reklamy i inne usługi witryny działają osobno. Obsługa dekodowania i kodowania zależy od przeglądarki. Canvas eksportuje wyrenderowany obraz; animacja, profile kolorów, metadane i zachowanie/usunięcie EXIF nie są gwarantowane. Wymiary odpowiadają zdekodowanemu obrazowi wraz z orientacją zastosowaną przez dekoder. Zachowaj oryginał.
Surowy Base64 PNG nie ma prefiksu URI; HTML zabezpiecza znaki nazwy użytej jako tekst alternatywny.
Ten proces dopuszcza do 100 MiB na plik, 100 milionów pikseli i 32767 pikseli na bok. Limity przeglądarki mogą być niższe.
Przypadki użycia
Jak używać
Prześlij obraz lub wklej URL
Poczekaj na przetworzenie
Skopiuj wygenerowany kod Base64
Użyj jako data URI w HTML/CSS
Wybierz Koduj i wskaż lub upuść obraz.
Sprawdź typ, wymiary i rozmiar oryginału.
Wybierz URI danych, surowy Base64, HTML lub CSS.
Skopiuj wynik; w razie błędu skopiuj ręcznie.
Wybierz Dekoduj, wklej Base64 lub zgodny URI, poczekaj na podgląd i pobierz.
Zresetuj plik przed kolejną próbą.
Porady Pro
- Base64 zwiększa rozmiar o ~33%, używaj dla małych obrazów
- Idealne dla ikon i małych grafik w CSS
- Zmniejsz obraz przed konwersją dla efektywności
- Zachowaj oryginał, sprawdź krawędzie i przezroczystość w podglądzie i porównaj bajty przed użyciem.
Często zadawane pytania
Base64 to kodowanie binarne na tekst, pozwalające reprezentować dane binarne jako znaki ASCII.
Dla małych obrazów, ikon, gdy chcesz uniknąć dodatkowych żądań HTTP lub osadzić w HTML/CSS.
Nie, Base64 jest kodowaniem bezstratnym. Jakość obrazu pozostaje identyczna.
Tak. Bajty identyfikują JPEG, a pobranie ma .jpg; deklaracja PNG dla danych JPEG zostaje odrzucona.
PNG, JPEG, WebP, GIF, BMP, SVG i inne rozpoznane dane nadal wymagają dekodera przeglądarki. Uszkodzone lub nieobsługiwane dane powodują błąd.
Duże obrazy zwiększają tekst i stronę. URI może zastąpić osobne żądanie obrazu, ale obsługa zależy od aplikacji docelowej.