Jak używać
- Wybierz obraz, upuść go tutaj albo wklej za pomocą Ctrl+V.
- Wybierz wynik, czyli URI danych, sam Base64, tło CSS, tag HTML img lub Markdown.
- Skopiuj wynik.
- W drugą stronę wklej URI danych albo ciąg Base64 w sekcji Base64 na obraz.
Opis opcji
- URI danych
- Pełny ciąg data:image/png;base64,…, używany wszędzie tam, gdzie akceptowany jest URL.
- Sam Base64
- Tylko zakodowane dane bez prefiksu data:…, przydatne w API i polach JSON oczekujących surowego Base64.
Przykłady
| Wynik | Rezultat |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
Najczęściej zadawane pytania
O ile Base64 powiększa obraz?
O około jedną trzecią. Base64 używa czterech znaków na każde trzy bajty, więc obraz 30 KB daje około 40 KB tekstu.
Kiedy warto osadzić obraz jako Base64?
Przy małych ikonach i obrazach poniżej kilku kilobajtów osadzenie oszczędza żądanie sieciowe. Większe obrazy lepiej trzymać osobno, aby można je było buforować.
Jakie formaty są obsługiwane?
Każdy obraz odczytywany przez przeglądarkę, w tym PNG, JPEG, GIF, WebP, SVG, AVIF i ICO. Format może zostać rozpoznany z danych bez typu MIME.
Czy obrazy są wysyłane?
Nie. Kodowanie i dekodowanie odbywa się w przeglądarce.
Prywatność
To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.