HIT
Kompresja obrazu
image
Konwerter obrazu na Base64
Koduj obrazy do Base64 z gotowymi do wklejenia fragmentami data URI, CSS i HTML - lub wklej Base64 i odzyskaj obraz. Wszystko działa w Twojej przeglądarce. Bez rejestracji, bez limitów, za darmo.
Wejście
Upuść obraz tutaj
PNG, JPG, WebP, GIF, SVG, BMP lub ICO · małe pliki osadzają się najlepiej
Wyjście
Base64 powiększa pliki o ~33%. Osadzanie działa najlepiej poniżej 10 KB; powyżej tego zamiast tego podlinkuj plik.
Działa w 100% w Twojej przeglądarce Bez limitów rozmiaru i liczby plików Za darmo, bez rejestracji
Jak przekonwertować obraz na Base64
Dodaj obraz
Przeciągnij i upuść obraz w dowolnym miejscu pola, kliknij, aby wybrać, lub wklej go bezpośrednio ze schowka. PNG, JPG, WebP, GIF, SVG, BMP i ICO - wszystkie działają.
Wybierz potrzebny fragment
Przełączaj się między surowym Base64, kompletnym data URI, regułą CSS background-image lub znacznikiem HTML img. Wynik aktualizuje się natychmiast.
Skopiuj i wklej
Kliknij Kopiuj i umieść fragment w swoim arkuszu stylów, HTML lub kodzie. Aby zrobić odwrotnie, przełącz się na Base64 → Obraz, wklej dowolny Base64 lub data URI i pobierz zdekodowany plik.
Obraz i Base64 - pytania i odpowiedzi
Czym jest kodowanie Base64?
Base64 zamienia dane binarne na zwykły tekst ASCII przy użyciu 64 bezpiecznych znaków, więc obraz może znajdować się wewnątrz pliku tekstowego: HTML, CSS, JSON lub wiadomości e-mail. Tekst jest około 33% większy niż oryginalny plik, co jest ceną za uczynienie go możliwym do skopiowania i wklejenia.
Kiedy powinienem osadzać obraz jako Base64?
Osadzanie sprawdza się przy małych zasobach: ikonach, logo, drobnych tłach poniżej mniej więcej 10 KB. Oszczędza żądanie HTTP i utrzymuje samowystarczalność komponentu. W przypadku większych obrazów zwykły link do pliku jest szybszy, prawidłowo się buforuje i nie rozdyma Twojego dokumentu.
Jak używać Base64 w CSS lub HTML?
Użyj gotowych wariantów: karta CSS daje Ci kompletną regułę background-image, a karta HTML kompletny znacznik img. Oba opakowują ten sam data URI, którym jest ładunek Base64 poprzedzony jego typem zawartości.
Czy mogę przekonwertować Base64 z powrotem na obraz?
Tak. Przełącz narzędzie na Base64 → Obraz, wklej surowy Base64, data URI, a nawet całą regułę CSS lub znacznik img - ładunek jest wykrywany automatycznie, format jest identyfikowany na podstawie samych danych, a Ty pobierasz plik, który zawiera.
Dlaczego mój ciąg Base64 jest odrzucany?
Zwykle ciąg jest niekompletny: brakująca końcówka z częściowego skopiowania psuje dekodowanie. Wklej pełną wartość wraz z dowolnym prefiksem data:image. Ciągi, które dekodują się, ale nie są danymi obrazu, również są odrzucane, z jasnym komunikatem w każdym przypadku.
Czy mój obraz jest przesyłany na serwer?
Nie. Kodowanie i dekodowanie to czyste operacje tekstowe, które Twoja przeglądarka wykonuje lokalnie. Ani Twoje obrazy, ani Twoje ciągi Base64 nigdy nie opuszczają urządzenia.