Bezpłatny kompresor zdjęć dla Shopify
Formaty WebP, AVIF, JPEG i PNG, kompresowane w Twojej przeglądarce.
Działa bezpośrednio w Twojej przeglądarce. Twoje zdjęcia nie są nigdzie przesyłane.
Trzy kroki, bez zakładania konta.
- 1
Dodaj swoje zdjęcia
Nawet do 50 jednocześnie. Pliki pozostają w Twojej przeglądarce i nigdzie nie są przesyłane.
- 2
Wybierz format i rozmiar
WebP to najlepszy wybór. Ustaw maksymalną potrzebną szerokość; Shopify rzadko wyświetla obrazy szersze niż 2048 pikseli.
- 3
Pobierz i podmień pliki
Porównaj obrazy obok siebie, a potem pobierz je i wgraj do Shopify w miejsce oryginałów.
Co sprawdza narzędzie
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.
ShopSEO sprawdza to w całym Twoim sklepie i pomaga to naprawić. Zdjęcia w aplikacji
- Formaty WebP, JPEG i PNG, a także AVIF w przeglądarkach z jego obsługą
- Porównanie jakości obrazów obok siebie
- Działanie lokalne, Twoje pliki nigdy nie opuszczają przeglądarki
- Kompresja do 50 grafik jednocześnie
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- Sprawdzanie tekstu alternatywnegoZnajdź każdy obraz na stronie, którego czytnik ekranu nie może opisać.
- Bezpłatny audyt SEO ShopifyOceń dowolny sklep Shopify w około 10 sekund.
- Symulator SERPZobacz meta tytuł i opis w wynikach Google podczas pisania.
- Sprawdzanie niedziałających linkówKażdy link na stronie przetestowany.
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ń.