Konwerter obrazu na Base64
Prywatne z założenia — działa w całości w Państwa przeglądarce
Konwertuj dowolny obraz do data URI Base64 w przeglądarce, gotowy do osadzenia inline w HTML, CSS lub JSON. Toova obsługuje każdy popularny format, generuje prawidłowe data URI i nigdy nie przesyła twojego obrazu — przydatne dla małych ikon, szablonów e-mail i samodzielnych dokumentów.
Kiedy osadzać obraz inline
Małe obrazy (ikony poniżej kilku KB) często renderują się szybciej jako inline data URI niż jako oddzielne żądania HTTP, ponieważ pomijają podróż w obie strony. Szablony e-mail często osadzają obrazy inline, ponieważ wiele klientów pocztowych domyślnie blokuje zewnętrzne ładowanie. Samodzielne dokumenty HTML (przewodniki offline, raporty do pobrania) potrzebują wszystkiego w jednym pliku. Toova konwertuje dowolny obraz na data URI Base64, który można wkleić bezpośrednio w src, background-image lub pole JSON.
Względy formatu i rozmiaru
Kodowanie Base64 dodaje około 33% do rozmiaru pliku, więc osadzanie inline jest opłacalne tylko dla małych obrazów. Powyżej około 5-10 KB oddzielne żądanie HTTP jest zwykle szybsze niż rozdęty ładunek inline. Toova pokazuje oryginalny rozmiar, zakodowany rozmiar i procent narzutu, więc można zdecydować. Każdy popularny format (PNG, JPEG, SVG, WebP, GIF) jest obsługiwany.
Tylko lokalnie
Obraz jest czytany i kodowany całkowicie w przeglądarce. Plik nigdy nie jest przesyłany i nie ma logowania treści. Ma to znaczenie, gdy obraz to nieopublikowana makieta, zdjęcie klienta lub dowolny zastrzeżony zasób. Zakładka Network pozostanie pusta podczas kodowania, a strona działa offline po pierwszym załadowaniu.
Najczęściej zadawane pytania
- Kiedy powinienem osadzać obraz inline?
- Dla bardzo małych obrazów (poniżej kilku KB), które pojawiają się powyżej linii zagięcia, osadzanie inline może przyspieszyć renderowanie unikając dodatkowego żądania HTTP. Dla większych obrazów narzut kodowania (około 33%) przewyższa oszczędności zaoszczędzonego żądania.
- Jakie formaty są obsługiwane?
- PNG, JPEG, SVG, WebP, AVIF i GIF. SVG osadza się szczególnie dobrze, ponieważ pozostaje oparte na tekście, więc narzut kodowania jest minimalny.
- Czy data URI jest bezpieczne do użycia w CSS?
- Tak. Owiń je w url() z cudzysłowami wokół samego data URI. Wynik produkowany przez Toova jest już bezpieczny dla URL i działa bezpośrednio w background-image, mask-image i każdej właściwości akceptującej URL.
- Czy mogę zdekodować data URI z powrotem na obraz?
- Tak. Wklej data URI, a Toova dekoduje je w oryginalny obraz, gotowy do pobrania. Przydatne do wydobywania osadzonych inline obrazów z plików HTML lub CSS.
- Czy mój obraz jest wysyłany gdziekolwiek?
- Nie. Kodowanie odbywa się całkowicie w przeglądarce.