Zadbaj o idealny wygląd swojej witryny dzięki plikowi images.tooling.report

Sprawdź stan narzędzi do obsługi obrazów.

Patrick Kettner
Patrick Kettner

Umieszczanie obrazu w internecie to jedno, ale trudno jest zrobić to dobrze. Jeśli zrobimy to sami, łatwo zapomnimy o wyborze odpowiedniego formatu, kompresji, kropek na cal (DPI) i setek innych ustawień.

Dobra wiadomość jest taka, że w dzisiejszych czasach mamy mnóstwo narzędzi i usług, które zrobią to za nas. Niezbyt dobra wiadomość jest taka, że cóż, jest ich mnóstwo. Wybór odpowiedniego narzędzia lub usługi może być trudny. Dlatego uruchamiamy images.tooling.report – w tej witrynie prezentujemy to, co naszym zdaniem jest najważniejsze w procesie przesyłania zdjęć w produkcji, i porównujemy niektóre z najpopularniejszych programów i usług – płatnych lub bezpłatnych, hostowanych albo hostowanych.

Dlaczego?

Obrazy stanowią dużą część przesyłanych bajtów, które się sumują. Okazało się, że niezoptymalizowane obrazy stanowią prawie 75% całkowitego rozmiaru strony. Wszystkie te marnowane bajty mają swoją cenę. Dlatego w badaniach uwzględniających miliony rzeczywistych sesji użytkowników stwierdzono, że strony, które dokonały konwersji, miały o 38% mniej obrazów niż te, które nie wygenerowały konwersji. Czyli usunąć wszystkie obrazy? Oczywiście nie. Musisz jednak sprawdzić, czy wysyłane przez Ciebie obrazy są zoptymalizowane pod kątem wszystkich użytkowników, niezależnie od używanych urządzeń.

Co to jest?

Wyświetlenie zoptymalizowanych obrazów to coś więcej niż tylko kliknięcie przycisku „Zapisz w internecie”. Z tego względu images.tooling.report sprawdza wiele różnych funkcji. Omawiamy podstawowe kwestie, takie jak stopień kompresji zapewniane przez różne narzędzia i usługi oraz optymalizacje sieci, np. długotrwałe nagłówki pamięci podręcznej.

Jednak to nie wszystko. Przeszukaliśmy bardziej zaawansowane opcje, takie jak obsługa Save-Data, ECT i inne wskazówki klienta, aby znaleźć zautomatyzowane analizy psychowizualne, które mogą wykorzystywać modele danych do wielokrotnego kompresowania obrazów, i znajdować wersję o najmniejszej ilości bajtów, nie zmieniając tego, jak postrzegają je nasze oczy. Czy przed podłączeniem przewodu wyciskasz ze zdjęć ostatni fragment niewizualnych elementów?

Zrzut ekranu strony docelowej images.tooling.report w trybie ciemnym.

Oczywiście każda witryna jest jak płatek śniegu – żadne narzędzie ani usługa nie spełniły absolutnie wszystkiego, czego oczekiwaliśmy. To normalne. Dlatego podzieliliśmy testowane treści na różne kategorie. Obsługujemy sieci dostarczania treści (CDN), projekty własne, wtyczki systemu zarządzania treścią (CMS) i kreatory witryn. To dość luźne definicje, które mają na celu zwiększenie trafności porównywania różnych opcji:

  • Wtyczki CMS to pakiety, które można łatwo programować na platformach takich jak WordPress.
  • Kreatory witryn porównują różne usługi, z których możesz korzystać podczas tworzenia witryny.
  • Usługa samodzielnie hostowana jest przeznaczona dla programistów, którzy potrafią klonować projekt git lub używać własnego obrazu Dockera w środowisku produkcyjnym.
  • Sieci CDN jest nieco bardziej skomplikowana. Niektóre z tych sieci CDN w tradycyjnym rozumieniu, a inne to usługi proxy lub hostujące obrazy na brzegu sieci.

Nie dla wszystkich możesz być wszystkim, ale warto zapoznać się z testami i funkcjami, które są oceniane, aby przekonać się, jak działa optymalizator obrazów. A co, jeśli obecnie nie zajmujesz się optymalizacją obrazów? To doskonała okazja, aby zapoznać się z narzędziami do tworzenia obrazów i zobaczyć, jakie korzyści możesz zapewnić osobom, które korzystają już z Twojej witryny.

Co dalej?

Czy uważasz, że pominęliśmy jakieś narzędzie lub usługę do zarządzania obrazem? Prosimy o informacje. Zarówno narzędzia, jak i usługi, a także same testy, są czymś żywym i aktualnym. Jeśli potrzebujesz szybkiego miejsca, by zobaczyć najnowocześniejsze zdjęcia do wysyłki, upewnij się, że pierwszy przystanek to images.tooling.report.

Baner powitalny Michael Maasen w Unsplash.