Kompresor obrazów
Formaty WebP, AVIF, JPEG i PNG, kompresowane w Twojej przeglądarce.
Przeciągnij obrazy i odbierz je w mniejszym rozmiarze. Wszystko działa lokalnie w przeglądarce: bez wysyłania plików na serwer, bez kolejek, bez konta. Porównaj jakość obok siebie przed pobraniem.
Co sprawdza narzędzie
- Formaty wyjściowe AVIF, WebP, JPEG i PNG
- Porównanie jakości obok siebie
- Działa lokalnie, więc Twoje pliki nie opuszczają przeglądarki
- Przetwarzanie do 50 obrazów naraz
Co oznacza każda liczba.
Raport, którego nie potrafisz zinterpretować, mówi Ci tylko tyle, że coś jest nie tak.
Rozmiar przed i po
Oszczędność przesyłanych bajtów. Na stronie produktu, gdzie grafiki stanowią od 60 do 75% wagi strony, to zazwyczaj największy możliwy zysk wydajnościowy.
Format
AVIF jest zazwyczaj o 20 do 30% lżejszy niż WebP przy zbliżonej jakości wizualnej, a WebP zdecydowanie przewyższa JPEG. Wsparcie w przeglądarkach dla obu formatów jest już powszechne.
Porównanie obok siebie
Oceń kompresję na własnych fotografiach, w rozmiarze, w jakim będą faktycznie wyświetlane. Detale produktu (splot tkaniny, szwy, ziarno) tracą jakość jako pierwsze.
Ustawienie jakości
Nie ma jednej uniwersalnej wartości. Tkaniny i drobne tekstury wymagają wyższej jakości, jednolite kolory i proste grafiki znacznie niższej.
Mechanizmy, a nie banały.
- 01
Obrazy dominują w wadze strony
Na typowej stronie produktu w Shopify większość przesyłanych danych to grafiki. Żadna inna zmiana nie przynosi tak dużej poprawy.
- 02
Wagę czuć na urządzeniach mobilnych
Przy wolnym łączu różnica między banerem o wadze 2,4 MB a 300 KB to różnica między klientem, który czeka, a takim, który opuszcza sklep.
- 03
Jednorazowe działanie z trwałym efektem
W przeciwieństwie do większości prac nad wydajnością, skompresowanie istniejącej biblioteki to jednorazowe zadanie, które przynosi korzyści przez cały czas.
Co zwykle wykrywamy i jak to naprawić.
Cztery problemy, które odpowiadają za większość uwag zgłaszanych przez to narzędzie w sklepie Shopify.
Wykryty problem
Bezpośrednie wgrywanie plików w rozdzielczości z aparatu
Dlaczego tak się dzieje
Brak etapu zmiany rozmiaru między fotografem a sklepem.
Sposób naprawy
Ogranicz plik źródłowy do mniej więcej dwukrotności maksymalnej wyświetlanej szerokości, co pokrywa ekrany Retina, a resztę pozostaw sieci CDN.
Wykryty problem
Serwowanie JPEG przeglądarkom obsługującym AVIF
Dlaczego tak się dzieje
Brak konfiguracji negocjacji formatów.
Sposób naprawy
Serwuj nowoczesne formaty z opcją zapasową JPEG. CDN w Shopify obsługuje tę negocjację automatycznie.
Wykryty problem
Leniwe ładowanie głównego banera
Dlaczego tak się dzieje
Reguła lazy loading zastosowana hurtowo do każdego obrazu na stronie.
Sposób naprawy
Nigdy nie stosuj opóźnionego ładowania dla największego obrazu w widocznym obszarze strony. To zazwyczaj element LCP, a jego odroczenie bezpośrednio pogarsza ten wskaźnik.
Wykryty problem
Kompresowanie wcześniej skompresowanego pliku
Dlaczego tak się dzieje
Ponowne kodowanie pliku JPEG zapisanego w niskiej jakości.
Sposób naprawy
Zawsze wychodź od oryginału, jeśli go posiadasz. Wielokrotna rekompresja potęguje widoczne artefakty.
Czego to narzędzie Ci nie powie.
Każde narzędzie ma swoje granice. Świadomość jego ograniczeń pozwala uniknąć błędnych wniosków.
- Kompresja odbywa się w Twojej przeglądarce, więc pliki nie trafiają na serwer, ale oznacza to również, że przetwarzanie bardzo dużych pakietów zależy od możliwości Twojego komputera.
- Narzędzie nie odzyska utraconych wcześniej szczegółów. Jeśli plik źródłowy był w niskiej jakości, to jest to jego maksymalny poziom.
Więcej darmowych narzędzi.
Wszystkie narzędzia- Bezpłatny audyt SEO ShopifyOceń dowolny sklep Shopify w około 30 sekund.
- Narzędzie do sprawdzania meta tagówZobacz meta tytuł i opis strony w wymiarach, jakie stosuje Google.
- Sprawdzanie tekstu alternatywnegoZnajdź każdy obraz na stronie, którego czytnik ekranu nie może opisać.
- Walidator schemaSprawdź poprawność JSON-LD pod kątem realnych wymagań Google.
Włącz stały monitoring w aplikacji.
Zainstaluj ShopSEO za darmo, przeprowadź pierwszy audyt w mniej niż minutę i cofnij każdą zmianę, która Ci nie odpowiada. Bez karty, bez edycji motywu, bez zobowiązań.