Obraz do Base64
Konwertuj obrazy do Data URI Base64 natychmiast
Wejście
Kliknij, aby wczytać obraz
JPG, PNG, GIF, WebP, SVG (maks 5MB)Wyjście
Przykłady: Obraz do Base64
Wczytaj obraz, aby uzyskać Data URI. Format to data:image/<type>;base64,<base64-string>. Przykład minimalnego PNG 1×1 piksel:
Przykładowe wyjście Data URI
Wczytaj obraz powyżej, aby wygenerować własne Data URI.
Czym jest konwersja obrazu do Base64?
Obraz do Base64 konwertuje pliki obrazów do zakodowanych w Base64 Data URI. Base64 jest zdefiniowany przez RFC 4648 i umożliwia reprezentację danych binarnych jako tekstu ASCII. Data URI pozwalają osadzać obrazy bezpośrednio w HTML, CSS lub JSON bez osobnych plików.
To narzędzie używa API przeglądarki FileReader do odczytu obrazu i konwersji na Base64. Przetwarzanie odbywa się całkowicie w przeglądarce. Aby zdekodować Base64 z powrotem do obrazu, użyj Base64 do obrazu.
Jak używać tego narzędzia
Wczytaj obraz
Kliknij obszar wczytywania lub użyj Wczytaj, aby wybrać plik obrazu. Obsługiwane formaty: JPG, PNG, GIF, WebP, SVG (maks 5MB).
Uzyskaj wyjście Base64
Prawy panel automatycznie aktualizuje się pełnym Data URI. Możesz go skopiować i wkleić bezpośrednio do HTML <img src="..."> lub CSS background-image: url(...).
Kopiuj lub pobierz
Użyj Kopiuj, aby skopiować Data URI do schowka, lub Pobierz, aby zapisać go jako plik .txt. Aby zakodować dowolny plik (nie tylko obrazy) do Base64, użyj Kodera Base64. Aby wyświetlić obraz Base64, użyj Base64 do obrazu.
Jak to działa
Narzędzie odczytuje obraz za pomocą FileReader.readAsDataURL(), który zwraca Data URI. Kodowanie Base64 zwiększa rozmiar o ok. 33%.
HTML: <img src="data:image/png;base64,...">. CSS: background-image: url(...).
Gdzie obraz do Base64 jest przydatny
Deweloperzy webowi używają obrazów Base64 dla małych ikon. HTML e-maili często osadza obrazy jako Base64.
Aplikacje SPA czasem grupują małe obrazy jako Base64. Aby zdekodować obraz Base64, użyj Base64 do obrazu. Aby zakodować dowolny plik, użyj Kodera Base64. Do ogólnego dekodowania Base64 użyj Dekodera Base64.
Często zadawane pytania
Czy moje dane są bezpieczne?
Tak. Konwersja odbywa się całkowicie w przeglądarce.
Jaki jest limit rozmiaru?
Narzędzie ogranicza przesyłanie do 5MB.
Czy mogę użyć wyniku w HTML/CSS?
Tak. Wyjście to Data URI gotowe do użycia w img lub background-image.
Czy obsługuje SVG?
Tak. SVG jest obsługiwany. Aby zdekodować Base64 do SVG, użyj Dekodera Base64.
Dlaczego używać Base64 zamiast zwykłego URL obrazu?
Base64 osadza obraz w dokumencie, eliminując dodatkowe żądania HTTP.
Powiązane narzędzia
Specyfikacja formalna: RFC 4648.