WebP WordPress - nowoczesny format obrazków
WebP to format obrazków od Google - 25-35% mniejszy niż JPEG przy tej samej jakości. Szybsze ładowanie, lepsze Core Web Vitals. WordPress obsługuje WebP od wersji 5.8, ale automatyczna konwersja wymaga wtyczki.
Krótka odpowiedź
WebP w WordPress - podstawy
Co to WebP:
- Format obrazków od Google (2010)
- Kompresja stratna i bezstratna
- 25-35% mniejszy niż JPEG
- Wsparcie: Chrome, Firefox, Safari, Edge
- IE nie obsługuje (ale kto jeszcze używa IE?)
WordPress i WebP:
- Upload WebP: od 5.8
- Automatyczna konwersja: wymaga wtyczki
- Thumbnails w WebP: wtyczka
Korzyści:
- Szybsze ładowanie (mniejsze pliki)
- Lepsza ocena PageSpeed
- Oszczędność transferu i miejsca
Automatyczna konwersja - wtyczki
Imagify:
- Od twórców WP Rocket
- Automatyczna konwersja przy upload
- Bulk optimization istniejących
- 20MB/mies free
- Integracja z WP Rocket
ShortPixel:
- 100 kredytów/mies free
- Loseless, Glossy, Lossy
- WebP + AVIF
- Backup oryginalnych
EWWW Image Optimizer:
- Lokalna konwersja (bez API)
- Unlimited
- WebP delivery przez .htaccess
Converter for Media:
- Darmowy
- Tylko konwersja (bez optymalizacji)
- WebP + AVIF
Fallback dla starych przeglądarek
Metoda 1:
```html

```
Przeglądarka wybiera format który obsługuje.
Metoda 2: .htaccess rewrite:
```apache
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png|gif)$
RewriteCond %{REQUEST_FILENAME}\.webp -f
RewriteRule (.*)\.(jpe?g|png|gif)$ $1.$2.webp [T=image/webp,L]
```
Jeśli przeglądarka obsługuje WebP i plik WebP istnieje → serwuj WebP.
Wtyczki robią to automatycznie:
- EWWW: Easy IO lub .htaccess
- ShortPixel: Adaptive Images
- Imagify: z WP Rocket
AVIF - następca WebP
Co to AVIF:
- Nowszy format (2019)
- 50% mniejszy niż JPEG
- Lepsza jakość niż WebP
- Wolniejsze encode/decode
Wsparcie:
- Chrome 85+, Firefox 93+, Safari 16.4+
- Edge tak, IE nie
WordPress i AVIF:
- Upload od 6.1 (z ImageMagick)
- Konwersja: ShortPixel, Converter for Media
Czy używać AVIF:
- Tak, z fallback do WebP/JPEG
-
- Lub CDN który automatycznie wybiera