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.
Konwerter plików Base64 — Zamień 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
- Wybierz tryb przełącznikiem Koduj / Dekoduj na górze.
- Aby zakodować, upuść lub wybierz plik (lub obraz) w obszarze przesyłania; jego identyfikator URI danych Base64 pojawia się natychmiast w polu wyniku.
- Otwórz Ustawienia, aby wybrać format wyniku: surowy identyfikator URI danych, regułę CSS background-image lub znacznik HTML img.
- Naciśnij przycisk Kopiuj, aby umieścić identyfikator URI danych w schowku.
- Aby zdekodować, przełącz na Dekoduj i wklej identyfikator URI danych w obszarze tekstowym; pojawiają się podgląd i szczegóły pliku.
- 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
Kalkulator proporcji obrazu
Wprowadź szerokość lub wysokość wraz z docelowymi proporcjami, a natychmiast otrzymasz pasujący wymiar oraz uproszczony stosunek.
Konwerter systemów liczbowych
Konwertuj liczby między systemem binarnym, ósemkowym, dziesiętnym i szesnastkowym.
Kalkulator BMI
Oblicz swój wskaźnik masy ciała na podstawie wzrostu i wagi w jednostkach metrycznych lub imperialnych i od razu zobacz odpowiadającą kategorię wagową WHO.
Konwerter jednostek CSS
Konwertuj długość CSS między px, rem, em, pt, %, vw i vh.