Obraz na Base64 — data URI

Zamień obraz na zapis Base64 i gotowy kod HTML lub CSS. Plik pozostaje w przeglądarce.

Wybierz obraz lub upuść go tutaj

Wybierz obraz. Plik nie opuszcza Twojego urządzenia.

Umieść to narzędzie na swojej stronie

Bezpłatnie, bez rejestracji. Widżet pokazuje na dole napis „Narzędzie udostępnia AMKBIT.pl”.

Szerokość Wysokość (px) Motyw Kolor akcentu

dopasuj wysokość automatycznie pokaż tytuł

Kod do wklejenia

Strona demonstracyjna

Kiedy używać

Data URI przydaje się przy małych ikonach, stopkach e-mail lub plikach, które muszą być jednym dokumentem. Zapis Base64 jest o około jedną trzecią większy od pliku i nie korzysta z pamięci podręcznej jak osobny obraz.

Duże zdjęcia najpierw zmniejsz i wstawiaj jako zwykłe pliki.

Przykłady

Ikona 2 KB

Po zakodowaniu zajmie około 2,7 KB i może znaleźć się bezpośrednio w CSS.

Najczęstsze pytania

Czy plik jest wysyłany na serwer?

Nie. Odczyt odbywa się w przeglądarce.

Poradniki

Zdjęcia, grafika i obrazyObraz jako Base64 — kiedy ma sensCzym jest data URI, ile rośnie plik, jak wstawić ikonę do CSS i kiedy lepiej zostawić zwykły obraz.

Wynik ma charakter pomocniczy. Przy ważnych decyzjach (finansowych, technicznych, zdrowotnych) sprawdź go niezależnie. Zasady korzystania.