Konwerter plików Base64

Zakoduj dowolny plik lub obraz do identyfikatora URI danych Base64 i zdekoduj identyfikator URI danych z powrotem do pliku do pobrania.

Ładowanie narzędzia…

Konwerter plików Base64Zamień dowolny plik lub obraz w identyfikator URI danych Base64, który możesz wkleić bezpośrednio do CSS lub HTML, a następnie zdekoduj identyfikator URI danych z powrotem do oryginalnego pliku jednym kliknięciem pobierania. Wszystko działa w 100% w Twojej przeglądarce dzięki FileReader i atob, więc plik, który upuszczasz, nigdy nie opuszcza Twojego urządzenia i nigdy nie jest przesyłany na serwer.

Czym jest Konwerter plików Base64?

Konwerter plików Base64 to bezpłatne narzędzie działające w przeglądarce, które konwertuje między plikami binarnymi a identyfikatorami URI danych Base64. Twórcy stron internetowych używają go do osadzania małych obrazów, czcionek lub ikon bezpośrednio w arkuszach stylów i znacznikach, eliminując dodatkowe żądanie sieciowe; zespoły QA i wsparcia używają strony dekodowania, aby odzyskać plik przesłany im jako długi identyfikator URI danych. Użyj Koduj, aby upuścić plik i skopiować jego identyfikator URI danych (opcjonalnie wstępnie owinięty jako reguła CSS background-image lub znacznik HTML img), a użyj Dekoduj, aby wkleić identyfikator URI danych i pobrać odtworzony plik. Obrazy wejściowe i zdekodowane obrazy wyświetlają podgląd, który możesz kliknąć, aby powiększyć.

Jak używać Konwerter plików Base64

  1. Wybierz tryb przełącznikiem Koduj / Dekoduj na górze.
  2. Aby zakodować, upuść lub wybierz plik (lub obraz) w obszarze przesyłania; jego identyfikator URI danych Base64 pojawia się natychmiast w polu wyniku.
  3. Otwórz Ustawienia, aby wybrać format wyniku: surowy identyfikator URI danych, regułę CSS background-image lub znacznik HTML img.
  4. Naciśnij przycisk Kopiuj, aby umieścić identyfikator URI danych w schowku.
  5. Aby zdekodować, przełącz na Dekoduj i wklej identyfikator URI danych w obszarze tekstowym; pojawiają się podgląd i szczegóły pliku.
  6. Kliknij przycisk Pobierz, aby zapisać odtworzony plik na swoim urządzeniu.

Przykłady

Osadzenie małej ikony PNG w CSS

Tryb kodowania: upuść plik icon.png o rozmiarze 2 KB, ustaw format na CSS, a następnie skopiuj regułę background-image: url("data:image/png;base64,…") bezpośrednio do swojego arkusza stylów.

Odzyskanie pliku otrzymanego jako identyfikator URI danych

Tryb dekodowania: wklej ciąg data:application/pdf;base64,… i kliknij Pobierz, aby odzyskać report.pdf bez żadnej wymiany z serwerem.

Podgląd obrazu Base64 przed jego użyciem

Tryb dekodowania: wklej ciąg data:image/jpeg;base64,… a obraz wyrenderuje się w polu podglądu, które możesz kliknąć, aby zobaczyć w pełnym rozmiarze w lightboksie.

Najczęściej zadawane pytania

Jakie rodzaje plików mogę zakodować?
Działa każdy plik: obrazy, pliki PDF, czcionki, archiwa, JSON, zwykły tekst i nie tylko. Narzędzie odczytuje plik za pomocą FileReader przeglądarki i tworzy identyfikator URI danych Base64 zawierający poprawny typ MIME.
Dlaczego wynik Base64 jest większy niż mój plik?
Base64 koduje 3 bajty danych w 4 znaki, więc identyfikator URI danych jest około 33% większy niż oryginalny plik. Ten kompromis jest normalny i stanowi koszt osadzania danych binarnych jako tekstu.
Jaką nazwę pliku otrzymam podczas dekodowania?
Narzędzie odczytuje typ MIME z identyfikatora URI danych i odpowiednio nazywa pobierany plik, na przykład decoded.png lub decoded.pdf. Jeśli typ jest nieznany, używa rozszerzenia .bin.
Czy może zdekodować zwykły ciąg Base64 bez przedrostka data:?
Tak. Jeśli wkleisz surowy ładunek Base64 bez nagłówka data:, zostanie on zdekodowany jako ogólny plik binarny (application/octet-stream) i zaoferowany jako pobranie .bin.
Czy mój plik jest gdziekolwiek przesyłany?
Nie. Kodowanie i dekodowanie działają w całości po stronie klienta w Twojej przeglądarce; nic nie jest przesyłane i nie jest nawiązywany kontakt z żadnym serwerem, więc Twoje pliki pozostają prywatne na Twoim urządzeniu.

Powiązane narzędzia