Obraz na Base64
Zamień PNG, JPG, GIF, WebP i SVG na Base64 Data URI bez zmiany oryginalnych bajtów. Skopiuj wynik do HTML lub CSS albo pobierz zakodowany tekst.
Tutaj pojawi się wynik.
Jak zamienić obraz na Base64
- Wybierz obraz lub przeciągnij go do obszaru wejściowego.
- Do HTML i CSS wyłącz łamanie wierszy i pozostaw dopełnienie standardowego Base64.
- Zakoduj obraz, a następnie skopiuj całą Data URI lub pobierz wynik tekstowy.
Obraz na Base64: co warto wiedzieć
Data URI zawiera typ danych i zakodowane bajty obrazu. Kodowanie nie zmienia rozmiarów obrazu ani nie kompresuje go ponownie. Base64 zwiększa rozmiar o około jedną trzecią, dlatego duże obrazy internetowe często lepiej zapisać jako zwykłe pliki.
Jednopikselowy GIF jako Base64 Data URI
- Dane wejściowe
pixel.gif (1 × 1 px, 42 B)- Wynik
data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
Obraz na Base64: pytania i odpowiedzi
Jak użyć wyniku w HTML lub CSS?
Wstaw całą wartość data:image/…;base64,… do atrybutu HTML img src lub do CSS url("…"). Prefiks określa format obrazu i nie jest częścią samych danych Base64. Narzędzie zwraca URI, bez otaczającego znacznika HTML lub reguły CSS.
Czy przezroczystość, animacja i jakość zostają zachowane?
Tak. Kodowane są oryginalne bajty pliku, bez zmiany wymiarów i ponownej kompresji. Przezroczystość PNG, animacja GIF i kod SVG pozostają w danych. Wyświetlanie nadal zależy od aplikacji, w której użyjesz wyniku.
Jakie formaty i rozmiary plików są obsługiwane?
Narzędzie rozpoznaje po zawartości PNG, JPEG, GIF, WebP, BMP, TIFF, AVIF i identyfikowalne dokumenty SVG. Limit to 32 MiB na plik, jeden plik naraz. Do innych formatów użyj Plik na Base64; możliwość kodowania nie gwarantuje wyświetlania w przeglądarce.
Czy Base64 zajmuje mniej miejsca i działa w e-mailach?
Nie. Zakodowane dane są mniej więcej o jedną trzecią większe, a do tego dochodzi prefiks URI. Osadzanie może być przydatne dla małych ikon; duże obrazy zwykle lepiej przechowywać jako osobne pliki. Programy pocztowe i zasady bezpieczeństwa mogą blokować obrazy data:. Sprawdź docelowe środowisko.
Czy pliki, tokeny lub tekst są wysyłane na serwer?
Nie. Dane są przetwarzane w Twojej przeglądarce. Witryna udostępnia stronę i kod programu, ale nie wysyła danych do serwera konwersji ani nie zapisuje ich na koncie.
Narzędzia przydatne w kolejnym kroku
- Base64 na obraz
Dekoduj obraz Base64 lub Data URI, przeglądaj obsługiwane formaty i pobierz oryginalne bajty obrazu.
- Plik na Base64
Koduj dowolny plik do Base64 z opcjonalnym prefiksem Data URI, dopełnieniem i podziałem wierszy MIME.
- Koder i dekoder encji HTML
Zamieniaj tekst i znaki Unicode na encje HTML lub dekoduj nazwane i numeryczne odwołania do znaków.
Wszystkie narzędzia programistyczne
Kodowanie i pliki
Przekształcaj tekst, bajty, adresy URL i osadzone obrazy bez zmiany oryginalnych danych.
Koder i dekoder Base64
Koduj tekst UTF-8 do Base64 lub dekoduj standardowy i bezpieczny dla URL wariant. Ustaw dopełnienie i zawijanie wierszy.
Koder i dekoder Base64URL
Zamień tekst na Base64 bezpieczny dla URL ze znakami - i _. Koduj i dekoduj Base64URL bez dopełnienia.
Base64 na obraz
Dekoduj obraz Base64 lub Data URI, przeglądaj obsługiwane formaty i pobierz oryginalne bajty obrazu.
Plik na Base64
Koduj dowolny plik do Base64 z opcjonalnym prefiksem Data URI, dopełnieniem i podziałem wierszy MIME.
Base64 na plik
Zamień Base64 i Data URI na pliki do pobrania bez zmiany zdekodowanych danych binarnych.
Koder i dekoder URL
Koduj i dekoduj składniki URL, pełne adresy i wartości formularzy. Poprawnie obsługuj kodowanie procentowe oraz spacje.
Koder i dekoder encji HTML
Zamieniaj tekst i znaki Unicode na encje HTML lub dekoduj nazwane i numeryczne odwołania do znaków.
Analizator Unicode i konwerter sekwencji
Sprawdzaj punkty kodowe, bajty UTF-8 i jednostki UTF-16. Zamieniaj sekwencje Unicode JavaScript na czytelny tekst.
Analiza danych i tekstu
Czytaj dane strukturalne, sprawdzaj tokeny i znajduj różnice między tekstami.
Formatowanie, minifikacja i walidacja JSON
Formatuj, minifikuj i sprawdzaj JSON bez utraty precyzji dużych liczb. Wybierz wcięcie i sortuj klucze na wszystkich poziomach.
Dekoder JWT
Odczytaj nagłówek, dane i terminy ważności JWT bez wysyłania tokenu na serwer.
Porównywarka tekstów
Porównuj dwa teksty według wierszy, słów lub znaków. Znajduj dodatki i usunięcia z uwzględnieniem spacji i nowych wierszy.
Tester wyrażeń regularnych
Testuj wyrażenia regularne JavaScript z flagami, pozycjami dopasowań, grupami przechwytującymi i nazwanymi.
Skróty, identyfikatory i harmonogramy
Sprawdzaj integralność plików, generuj identyfikatory i analizuj znaczniki czasu oraz cykliczne zadania.
Hash MD5 i suma kontrolna pliku
Oblicz MD5 tekstu lub lokalnego pliku i porównaj wynik z oczekiwaną sumą kontrolną.
Hash SHA-1 i suma kontrolna pliku
Oblicz SHA-1 tekstu UTF-8 lub pliku i porównaj wynik z oczekiwaną sumą kontrolną.
Hash SHA-256 i suma kontrolna pliku
Oblicz SHA-256 tekstu i plików oraz sprawdź pobrany plik względem opublikowanej sumy kontrolnej.
Hash SHA-512 i suma kontrolna pliku
Oblicz SHA-512 tekstu i plików na swoim urządzeniu i porównaj pełne wartości szesnastkowe.
Kalkulator sumy kontrolnej CRC32
Oblicz standardową CRC-32 tekstu lub pliku i porównaj ośmioznakowe wyniki szesnastkowe.
Generator HMAC
Generuj HMAC-SHA-1, HMAC-SHA-256 i HMAC-SHA-512 z tajnym kluczem UTF-8 lub szesnastkowym.
Generator UUID i GUID
Generuj losowe UUID v4 lub uporządkowane czasowo UUID v7 pojedynczo albo seriami.
Konwerter znaczników czasu Unix
Przeliczaj sekundy Unix, milisekundy i daty ISO 8601. Wyświetlaj tę samą chwilę w UTC lub dowolnej strefie IANA.
Analizator wyrażeń Cron
Sprawdzaj Cron z pięcioma lub sześcioma polami i przeglądaj najbliższe uruchomienia z uwzględnieniem stref IANA oraz zmiany czasu.
Generator wyrażeń Cron
Zbuduj Cron z pól czasu lub gotowych harmonogramów i sprawdź najbliższe uruchomienia w wybranej strefie.
Dane i pliki są przetwarzane na Twoim urządzeniu. Nie zostawiaj poufnych wyników we współdzielonym schowku. Do pracy z kluczami prywatnymi i tokenami używaj zaufanego urządzenia.