Obraz na Base64

Ten konwerter obrazu na Base64 zamienia zdjęcie w identyfikator URI danych, długi ciąg tekstowy, który osadza obraz bezpośrednio, plus gotowy do użycia fragment tła CSS. Możesz wstawić obraz w treść zamiast linkować do osobnego pliku.

Działa lokalnie w Twojej przeglądarce, więc Twój obraz jest odczytywany na urządzeniu i nigdy nie przesyłany.

Identyfikator URI danych niesie cały obraz wewnątrz znaczników, więc przeglądarka nie wykonuje osobnego żądania sieciowego, aby go pobrać. Dla małych zasobów, takich jak ikony, ta zaoszczędzona wymiana może sprawić, że strona wydaje się szybsza.

Haczyk to rozmiar i buforowanie. Base64 dodaje mniej więcej 33 procent narzutu, ponieważ przedstawia dane binarne za pomocą ograniczonego alfabetu tekstowego, a osadzonego obrazu nie da się buforować osobno, więc jest pobierany ponownie z każdą stroną, która go zawiera.

Zasadą jest, aby wstawiać w treść małe obrazy, ikony, drobne logo lub sprite, gdzie uniknięcie żądania jest warte narzutu, a większe obrazy trzymać jako zwykłe pliki, które przeglądarka może buforować i ładować równolegle.

Identyfikatory URI danych działają wszędzie tam, gdzie akceptowany jest adres URL: atrybut src obrazu, tło CSS albo pole w JSON czy szablonie e-mail. To sprawia, że są wygodne dla samodzielnych fragmentów.