Konwerter obrazu na Base64
Upuść obraz, aby zakodować go jako Base64 i skopiować jako data URI, surowy Base64, znacznik HTML, tło CSS lub Markdown.
Twoje pliki nigdy nie opuszczają urządzenia — wszystko działa w przeglądarce.
Jak korzystać
- 1Upuść obraz PNG, JPG, SVG, GIF, WebP lub ICO.
- 2Sprawdź rozmiar oryginalny i zakodowany.
- 3Wybierz potrzebny format: data URI, surowy Base64, HTML, CSS lub Markdown.
- 4Kliknij „Kopiuj” obok niego i wklej do kodu.
Osadź obraz jako tekst
Narzędzie koduje obraz jako Base64 i daje gotowe do wklejenia fragmenty: data URI, znacznik HTML img, tło CSS i obraz Markdown. Dzięki temu małe obrazy mogą żyć wewnątrz strony bez osobnego pliku.
Kiedy to dobry pomysł
Używaj do maleńkich ikon, szablonów e-mail i jednoplikowych dem. Base64 powiększa dane o około jedną trzecią i uniemożliwia osobne buforowanie, więc duże obrazy zostaw jako zwykłe pliki.
Prywatność
Kodowanie działa w przeglądarce, a obraz nie jest wysyłany.
Najczęściej zadawane pytania
Kiedy osadzać obrazy jako Base64?
Przydaje się do małych ikon i logo w e-mailach HTML, jednoplikowych stronach HTML i CSS, gdzie oszczędza dodatkowe żądanie sieciowe. Dla dużych zdjęć zwykle jest gorsze, bo Base64 jest o około jedną trzecią większy i nie może być osobno buforowany.
Czym różni się data URI od surowego Base64?
Data URI dodaje prefiks, taki jak data:image/png;base64, który informuje przeglądarki o typie pliku, więc działa bezpośrednio w src i url(). Surowy Base64 to same zakodowane dane, których często oczekują API i pola JSON.
Czy mój obraz jest wysyłany?
Nie. Kodowanie odbywa się w przeglądarce za pomocą FileReader API.