Przejdź do treści
patrache.tools

Obraz ↔ Base64

Konwertuj obrazy na ciąg Base64 i odwrotnie. Obsługuje PNG, JPG, WebP, GIF. Przetwarzane w przeglądarce.

Przeciągnij i upuść obraz lub kliknij, aby wybrać

lockPliki nie są wysyłane na żaden serwer
Udostępnij
Osadź

Osadź to narzędzie na swojej stronie

Konwerter obrazów na Base64 to darmowe narzędzie online, które koduje obrazy do ciągów Base64 lub dekoduje Base64 z powrotem na obrazy.

Jak używać Obraz ↔ Base64?

  1. Wybierz tryb Obraz → Base64 lub Base64 → Obraz.
  2. Prześlij obraz lub wklej ciąg Base64.
  3. Skopiuj lub pobierz wynik.

Najczęściej zadawane pytania o Obraz ↔ Base64

Gdzie używa się kodowania Base64?

Jest używane do załączników e-mail, obrazów tła w inline CSS, przesyłania danych przez API i nie tylko.

Czy kodowanie Base64 powiększa plik?

Tak — każde trzy bajty stają się czterema znakami, więc rozmiar rośnie o mniej więcej 33 %. Przy ikonach i obrazkach 1-2 KB opłaca się, bo oszczędzasz jedno żądanie, ale osadzenie zdjęcia o setkach kilobajtów rozdyma HTML i całkowicie znosi buforowanie w przeglądarce.

Czy mogę zamienić ciąg Base64 z powrotem w plik obrazu?

Tak — przełącz się na tryb dekodowania, wklej ciąg i pobierz odtworzony obraz. Prefiks `data:image/png;base64,` możesz zostawić, a jeśli ciąg go nie ma, wystarczy wybrać format wyjściowy.

Czy Base64 sprawdza się w stopkach e-mail albo w CSS?

W CSS sprawdza się przy małych ikonach i wzorach, bo eliminuje dodatkowe żądania. Do stopek e-mail się nie nadaje: Gmail i Outlook często blokują obrazy data-URI, więc pewniej jest umieścić plik na serwerze i podlinkować go adresem URL.

Wskazówki dotyczące efektywnego korzystania z Obraz ↔ Base64

  • Kodowanie Base64 zwiększa rozmiar pliku o około 33%, więc najlepiej nadaje się do małych ikon i logo.
  • Użycie data URI w CSS zmniejsza liczbę żądań HTTP i może przyspieszyć ładowanie strony.
  • W przypadku dużych obrazów udostępnianie ich jako zwykłych plików jest lepsze dla buforowania i wydajności niż Base64.

Powered by Patrache Studio Tools

Zezwól na reklamy w tej witrynie

Aby korzystać z tych narzędzi, zezwól na reklamy w tej witrynie. Reklamy pozwalają utrzymać bezpłatny dostęp do usługi.

Otwórz bloker reklam, wyłącz go dla tej witryny i sprawdź ponownie.