SparkCore
AVIF w WordPressie: jeszcze mniejsze pliki tam, gdzie to możliwe
AVIF może być jeszcze wydajniejszy niż WebP. Spark łączy AVIF z rozwiązaniami zapasowymi, dzięki czemu odwiedzający zawsze widzą działający obraz.
W skrócie
- AVIF jest często najmniejszym formatem przy tej samej widocznej jakości.
- Wszystkie obecne duże przeglądarki obsługują AVIF.
- Zawsze używaj AVIF z rozwiązaniem zapasowym dla przeglądarek, które go nie obsługują.
AVIF i zgodność
Nie każda przeglądarka obsługuje AVIF wszędzie, dlatego łączymy formaty w jednym procesie.
Czym jest AVIF i dlaczego te pliki są tak małe?
AVIF to nowoczesny format obrazu wywodzący się z kompresji wideo. Zapisuje informacje o obrazie sprytniej niż JPEG. Szczególnie przy zdjęciach z łagodnymi przejściami, takimi jak niebo czy skóra, daje to dużą różnicę. Format obsługuje też przezroczystość, więc czasem może zastąpić PNG. Ceną jest czas obliczeń. Utworzenie pliku AVIF trwa dłużej niż JPEG lub WebP. Dla odwiedzających to nie problem, bo plik tworzy się raz, a potem serwuje wielokrotnie.
Które przeglądarki obsługują AVIF w WordPressie?
Obecne wersje Chrome, Edge, Firefox i Safari wyświetlają AVIF. Nie każdy jednak odwiedza Twoją witrynę najnowszą przeglądarką. Starsze urządzenia i przestarzałe aplikacje mogą nie obsługiwać tego formatu. To nie powód, by rezygnować z AVIF. To powód, by użyć rozwiązania zapasowego. Przeglądarka zgłasza, jakie formaty potrafi wyświetlić, i dostaje najlepszy pasujący. Kto nie zna AVIF, dostaje WebP lub JPEG. Nikt nie widzi uszkodzonego obrazu.
- Chrome, Edge, Firefox i Safari obsługują AVIF w swoich obecnych wersjach.
- Starsze przeglądarki potrzebują rozwiązania zapasowego w JPEG lub WebP.
- Zawsze testuj na prawdziwym urządzeniu, nie tylko we własnej przeglądarce.
AVIF czy WebP: co wybrać dla witryny WordPress?
Nie musisz wybierać. Używaj obu. AVIF często daje najmniejszy plik. WebP tworzy się szybciej i jest szeroko obsługiwany, więc to mocny drugi wybór. JPEG lub PNG pozostaje siatką bezpieczeństwa. Pamiętaj, że mniejsze nie zawsze znaczy lepsze. Przy zbyt silnej kompresji AVIF może dać gładki, woskowy obraz. Zawsze oceniaj więc wynik w rozmiarze ekranowym. Dla zdjęć AVIF zwykle wygrywa. Dla małych ikon różnica w bajtach jest często zbyt mała, by miała znaczenie.
- Używaj AVIF dla zdjęć z łagodnymi przejściami.
- Zachowaj WebP jako drugi wybór, a JPEG lub PNG jako siatkę bezpieczeństwa.
- Zawsze oceniaj wynik w rozmiarze ekranowym.
Jak bezpiecznie wdrożyć AVIF w WordPressie?
Bezpieczne wdrożenie opiera się na trzech rzeczach: tworzeniu wariantów, serwowaniu właściwego i zachowaniu oryginału. Jeśli robisz to ręcznie, musisz tego pilnować przy każdym przesłanym pliku. Spark Media Optimizer przejmuje tę pracę. Wtyczka tworzy WebP i AVIF w tle i serwuje je przeglądarkom, które je obsługują. Z JPEG lub PNG jako rozwiązaniem zapasowym. Jeśli przeglądarka nie obsługuje formatu, wtyczka automatycznie wraca do innego. Dotyczy to także istniejącej biblioteki.
Najczęściej zadawane pytania
Często tak, zwłaszcza przy zdjęciach. Różnica zależy od obrazu i ustawień. Przetestuj kilka reprezentatywnych obrazów ze swojej witryny i porównaj je w rozmiarze ekranowym, zanim podejmiesz decyzję.
Nie w każdej. Obecne wersje Chrome, Edge, Firefox i Safari go wyświetlają. Starsze przeglądarki potrzebują rozwiązania zapasowego, takiego jak WebP lub JPEG, inaczej nie zobaczą obrazu. Przy dobrym rozwiązaniu zapasowym odwiedzający niczego nie zauważy.
Nie. Zachowaj oryginał i serwuj AVIF jako dodatkowy wariant. Dzięki temu zawsze możesz wrócić, a przeglądarki, które nie znają tego formatu, też są obsłużone. Drugi wariant kosztuje tylko trochę miejsca na dysku.