Przełącz kierunek na górze, aby zdekodować data URL, który już masz. Zamień obrazy w tekst Base64 i data URL dla stron internetowych, e-maili i kodu albo zamień Base64 z powrotem w plik obrazu. Jest darmowe i prywatne.
Jak przekonwertować obraz na Base64
- Wybierz kierunek Obraz na Base64.
- Naciśnij Wybierz obrazy i wskaż jeden lub więcej plików.
- Skopiuj Base64 lub data URL dla każdego. Pokazane są rozmiary oryginału i zakodowanego.
Jak zamienić Base64 z powrotem w obraz
- Wybierz kierunek Base64 na obraz.
- Wklej tekst do Base64 lub data URL.
- Sprawdź podgląd, a potem pobierz obraz. Wyczyść opróżnia pole.
Dlaczego Base64 jest o jedną trzecią większe
Base64 zapisuje każde 3 bajty pliku jako 4 znaki zwykłego tekstu, więc zakodowany tekst jest o około 33% większy niż sam obraz, plus krótki prefiks data:image/png;base64, dla data URL. Każdy obraz pokazuje oba rozmiary, abyś widział koszt, zanim go wkleisz.
Kiedy data URL ma sens
Osadzanie przydaje się do małych rzeczy: ikon, małych teł, podpisów e-mail, favicony lub pojedynczego pliku, który musi działać offline. Dla czegokolwiek powyżej około 10 KB zwykły plik obrazu jest zazwyczaj lepszy: przeglądarka może go zapamiętać, ładuje się równolegle ze stroną i utrzymuje mały HTML i CSS. Duże obrazy dostają o tym przypomnienie.
Dekodowanie Base64
Wklej pełny data URL, wiersz CSS url(), tag img albo samo Base64. Spacje, złamania wierszy i bezpieczne dla URL litery - i _ są akceptowane, a brakujące dopełnienie jest dodawane. Typ jest odczytywany z pierwszych bajtów samego pliku, a nie z etykiety, więc PNG błędnie oznaczony jako JPEG nadal pobiera się z właściwym rozszerzeniem. Jeśli tekst nie jest prawidłowym Base64 lub nie jest obrazem, dostajesz proste wyjaśnienie.
Obsługiwane pliki
Dowolny obraz, który Twoja przeglądarka potrafi otworzyć, w tym PNG, JPG, WebP, GIF, SVG, ICO i AVIF.
Wskazówki
- Najpierw skompresuj lub zmień rozmiar obrazu, bo Base64 go powiększa.
- Zachowaj duże obrazy jako zwykłe pliki i linkuj do nich.
- Używaj SVG do ikon, gdy możesz. To już jest tekst i często mniejszy niż PNG.
- Aby zmniejszyć obraz przed kodowaniem, wypróbuj kompresję obrazu do rozmiaru.
Typowe zastosowania
Osadzanie małego logo w e-mailu HTML, wstawianie ikony bezpośrednio do arkusza stylów, przechowywanie obrazu w pliku JSON i odzyskiwanie obrazu z data URL znalezionego w kodzie. Pełny zestaw ikon strony znajdziesz w generatorze favicon.
Prywatność w założeniu
Obrazy są odczytywane i konwertowane na tej stronie w Twojej przeglądarce. Nic nie jest przesyłane, a pliki nigdy nie opuszczają Twojego urządzenia.
Pytania
Czy Base64 to szyfrowanie?
Nie. To tylko sposób zapisu danych jako tekstu. Każdy może go zdekodować.
Dlaczego zdekodowany plik ma złe rozszerzenie?
Nie powinno. Typ jest odczytywany z samego pliku, a nie z etykiety.
Dlaczego tekst Base64 jest taki długi?
Każdy obraz jako tekst jest o około jedną trzecią większy, a zdjęcia są duże już na początku.