Przygotuj obrazy na szybszą stronę
Przenieś zdjęcia i grafiki strony do WebP, do szerokości, której strona naprawdę używa. To zwykła droga, gdy strona główna wydaje się ciężka, a obrazy nadal są w pełnej rozdzielczości z aparatu.
- Szybko
- W 100% prywatnie
- Zawsze za darmo
- Każda przeglądarka
Upuść obrazy w dowolnym miejscu tej strony
JPG, PNG, WebP, GIF, SVG, HEIC albo AVIF. Zdjęcia zostają na tym urządzeniu.
Kiedy tego użyć
WebP to tu wybór domyślny. Na zdjęciach zwykle wygrywa z JPG i może zachować przezroczystość elementów interfejsu. Wszystkie współczesne przeglądarki pokazują WebP.
Zostań przy JPG, jeśli CMS, newsletter albo partner nadal odrzuca WebP. Zostań przy PNG dla logo, które ma zostać dokładnie takie, jak zostało narysowane.
Jeśli zależy ci na szybkości strony, zmniejszenie szerokości liczy się tak samo jak format. WebP o 4000 px nadal zajmuje dużo bajtów.
Jeśli musisz też sformatować JSON albo sprawdzić token bez wklejania go na publiczną stronę, użyj ToolBuddy. To też zostaje w przeglądarce.
Jak to zrobić
- Upuść obrazy, które chcesz wstawić na stronę.
- Zostaw format na WebP, a jakość blisko 0,8, chyba że pojawią się pasy.
- Zostaw maksymalną szerokość blisko 1600 albo 2400, jeśli obraz widać przy 1200 pikselach CSS na ekranach Retina.
- Pobierz pliki WebP i podmień oryginały w motywie albo w CDN.
Wskazówki
- Zdjęcia wyróżnione: duży WebP. PNG ze zrzutu tego zdjęcia waży bez powodu.
- Siatki produktów: stała szerokość pomaga pamięci podręcznej i porządkowi strony.
- Jeśli klient nie otworzy podglądu, skonwertuj kopię do JPG. Zostaw WebP na stronie.