Konwerter Base64 DataURL

Czysty Base64
0 znaków

Narzędzie online do dwukierunkowej konwersji między Base64 a DataURL z automatycznym rozpoznawaniem MIME i usuwaniem białych znaków.

Powiązane Rekomendacje

Kodowanie Base64

Dekodowanie Base64

Base64 łączenie wielu linii

Base64 na obraz

Obraz na Base64

Czyszczenie Base64

Czym jest Base64 DataURL?

DataURL to schemat URI, który osadza dane bezpośrednio w adresie URL w formacie data:[<typ MIME>];base64,<dane Base64>. Pozwala na wstawianie obrazów, plików PDF, czcionek i innych małych zasobów bezpośrednio do kodu HTML, CSS i JavaScript bez dodatkowych żądań HTTP.

**Czysty Base64 a DataURL:** Czysty Base64 to tylko zakodowany ciąg znaków (np. iVBORw0KGgo...); DataURL to pełny URI z prefiksem data: oraz typem MIME, który można używać bezpośrednio jako wartość src, href, url() itp.

**Przeznaczenie tego narzędzia:** Konwersja w obie strony między „czystym ciągiem Base64” a „kompletnym adresem DataURL” — zarówno dodawanie prefiksu data: i typu MIME do istniejącego Base64, jak i wyodrębnianie czystego Base64 z adresu DataURL.

**Typowe zastosowania:** ① osadzanie obrazów tła w CSS; ② inline src w HTML <img>; ③ osadzanie obrazów w Markdown; ④ wklejanie obrazów do edytora tekstu sformatowanego; ⑤ debugowanie schematu data URI.

Przypadki użycia

  • Dodanie prefiksu data: oraz typu MIME do istniejącego Base64, aby uzyskać DataURL gotowy do osadzenia w HTML
  • Wyodrębnienie czystego Base64 z istniejącego DataURL w celu ponownej obudowy lub przesyłania
  • Weryfikacja kompletności ładunku Base64 podczas debugowania zasobów data: w frontendzie
  • Automatyczne rozpoznawanie typu MIME (PNG/JPEG/PDF itp.) dla Base64 ze schowka
  • Przygotowanie adresu data URL dla CSS background-image lub HTML <img src>
  • Zamiana Base64 obrazu na DataURL, który można wkleić do edytora tekstu sformatowanego w Markdown

Jak Używać

  1. Wybierz kierunek: „Dodaj nagłówek” (czysty Base64 → DataURL) lub „Usuń nagłówek” (DataURL → czysty Base64).
  2. Wklej zawartość w lewe pole: w trybie dodawania — czysty Base64, w trybie usuwania — ciąg data:...
  3. W trybie dodawania możesz zostawić „Automatyczne rozpoznawanie” albo wybrać konkretny typ z listy MIME.
  4. Narzędzie konwertuje w czasie rzeczywistym, wynik pojawia się po prawej stronie i można go skopiować lub pobrać jako txt.

Funkcje

  • Dwukierunkowa konwersja: czysty Base64 ↔ DataURL
  • 11 typów MIME: obrazy, dokumenty, audio/wideo, tekst
  • Automatyczne rozpoznawanie MIME: bajty magiczne dla PNG/JPEG/GIF/WEBP/PDF
  • Usuwanie białych znaków: automatyczne czyszczenie znaków nowej linii i spacji
  • Konwersja w czasie rzeczywistym: automatyczne przeliczanie 300 ms po wprowadzeniu
  • Automatyczna zmiana kierunku: po zmianie dane wejścia i wyjścia są zamieniane miejscami
  • Kopiowanie jednym kliknięciem: wynik trafia od razu do schowka
  • Pobieranie do txt: zapis w pliku dataurl-result.txt
  • Responsywność na PC i mobile: podział paneli z możliwością przeciągania lub przełączanie zakładek
  • Przetwarzanie lokalne w przeglądarce: zawartość nie jest wysyłana na serwer

Best Practices

Najpierw użyj automatycznego rozpoznawania

jeśli nie znasz typu MIME, pozostaw domyślnie „Automatyczne rozpoznawanie”, a w razie błędu wybierz ręcznie.

Uwzględnij limit rozmiaru

DataURL ma w przeglądarce limit 2–4 MB; dla dużych plików lepiej stosować zwykłe odwołania URL zamiast osadzania.

Usuwanie zbędnych znaków

wklejany Base64 często zawiera znaki nowej linii, które narzędzie usuwa automatycznie; w razie wyższych wymagań najpierw użyj „Czyszczenia Base64”.

Weryfikacja porównawcza

po konwersji sprawdź przez „Walidację Base64” lub narzędzia deweloperskie przeglądarki, czy DataURL poprawnie się ładuje.

Sprawdź po skopiowaniu

po wklejeniu w docelowe miejsce zweryfikuj w konsoli przeglądarki, czy wynik dekodowania jest zgodny z oczekiwaniem.

Często Zadawane Pytania

Czy tryb dodawania domyślnie włącza automatyczne rozpoznawanie?

Tak. Automatyczne rozpoznawanie jest domyślnie włączone: narzędzie analizuje początkowe bajty Base64 (bajty magiczne) i identyfikuje format PNG, JPEG, GIF, WEBP lub PDF. Jeśli potrzebujesz innego typu MIME (np. application/json, video/mp4), wybierz go ręcznie z listy rozwijanej.

Co się stanie, gdy dane wejściowe już zawierają prefiks data:?

W trybie dodawania, jeśli dane wejściowe już zaczynają się od data:, narzędzie zwróci je bez zmian, nie dodając prefiksu ponownie. W trybie usuwania, jeśli dane wejściowe nie mają formatu DataURL, narzędzie usunie białe znaki i zwróci czysty Base64.

Co jeśli automatyczne rozpoznawanie się nie powiedzie?

Jeśli Base64 nie pasuje do żadnego z bajtów magicznych PNG/JPEG/GIF/WEBP/PDF, automatyczne rozpoznawanie wróci do application/octet-stream. W takim przypadku zalecamy ręczne wybranie odpowiedniego typu MIME.

Jakie typy MIME są obsługiwane?

image/png, image/jpeg, image/gif, image/webp, image/svg+xml, application/pdf, application/json, text/plain, text/html, audio/mpeg, video/mp4 — łącznie 11 popularnych typów.

Czy w przeglądarce istnieje limit rozmiaru adresu DataURL?

Tak. Większość przeglądarek ogranicza łączną długość adresu DataURL (około 2–4 MB, w zależności od przeglądarki); przekroczenie limitu powoduje błąd ładowania. W przypadku dużych plików zalecane jest zwykłe odwołanie URL.

Gdzie można używać adresów DataURL?

W HTML <img src>, w CSS url(), do pobierania przez <a href>, w JavaScript fetch, w składni obrazów Markdown, w zasobach osadzonych w JSON itp.

Czy znaki nowej linii i spacje w Base64 są usuwane automatycznie?

Tak. W trybie dodawania znaki nowej linii i spacje są usuwane przed dodaniem prefiksu; w trybie usuwania białe znaki są także usuwane po wyodrębnieniu z adresu DataURL.

Czy zmiana kierunku zmienia dane wejściowe?

Przy zmianie kierunku narzędzie automatycznie ustawia bieżący wynik jako nowe dane wejściowe, co ułatwia ciągłą pracę.

Czy zawartość jest wysyłana na serwer?

Nie. Wszystkie konwersje odbywają się lokalnie w przeglądarce, a dane wejściowe i wyjściowe nie opuszczają Twojego urządzenia.

Słownik

DataURL
Schemat URI danych zdefiniowany w RFC 2397 o formacie data:[<mime>];base64,<data>, używany bezpośrednio jako wartość src, href, url() itp.
Typ MIME
Identyfikator typu mediów, np. image/png, application/pdf. Narzędzie obsługuje 11 popularnych typów MIME z możliwością automatycznego rozpoznawania.
Bajty magiczne
Stałe bajty na początku pliku służące do rozpoznawania jego typu. Narzędzie wykrywa formaty PNG/JPEG/GIF/WEBP/PDF itp. na podstawie bajtów magicznych.
Base64
Metoda kodowania danych binarnych za pomocą 64 znaków drukowalnych. Ładunek adresu DataURL jest zapisany w formacie Base64.
Data URI Scheme
Protokół URI data: zdefiniowany w RFC 2397 — oficjalna nazwa specyfikacji DataURL.

Authoritative References