8. Media w WordPress
Media i optymalizacja obrazów
#Media są jednym z najważniejszych elementów każdej strony internetowej. To właśnie zdjęcia, grafiki, infografiki, PDF-y i filmy tworzą atrakcyjność i angażują użytkowników.
#WordPress posiada wygodną bibliotekę mediów, ale jej niewłaściwe użycie może prowadzić do:
- wolnego ładowania strony,
- wysokiego obciążenia serwera,
- błędów optymalizacji #SEO,
- niepotrzebnych duplikatów.
Ten rozdział wyjaśnia, jak zarządzać mediami w sposób profesjonalny i zoptymalizowany.
8.1. Biblioteka mediów – jak działa?
Znajdziesz ją w panelu:
Możesz wyświetlać:
- siatkę (miniatury)
- listę (z informacjami o plikach)
Każde przesłane zdjęcie WordPress automatycznie przekształca na kilka wersji:
- thumbnail (150 × 150)
- medium (300 × 300)
- large (1024 × 1024)
- dodatkowe miniatury od motywów
Miniatury te mogą zająć dużo miejsca, szczególnie na dużych stronach.
8.2. Format plików — co kiedy wybierać?
JPG / JPEG
Najlepszy do zdjęć.
PNG
Do grafik, które muszą być ostre (logotypy, ikony).
WEBP
Nowoczesny format Google – lżejszy i szybszy.
✔ używać wszędzie, jeśli hosting i przeglądarki obsługują.
SVG
Grafiki wektorowe.
⚠️ domyślnie blokowane (ze względów bezpieczeństwa).
Do użycia wymaga specjalnej wtyczki lub filtra.
8.3. Optymalizacja obrazów
Twoja strona będzie szybka tylko wtedy, gdy obrazy będą:
- skompresowane
- w odpowiedniej rozdzielczości
- w formacie WEBP
- ładowane z opóźnieniem (lazy loading)
Najlepsze wtyczki:
✔ Smush
✔ Imagify
✔ ShortPixel
✔ EWWW Image Optimizer
8.4. Lazy loading — opóźnione ładowanie
WordPress od wersji 5.5 ma lazy loading wbudowane natywnie.
Mechanizm ładuje obraz dopiero wtedy, gdy zbliża się do pola widzenia użytkownika.
To znacząco przyspiesza stronę.
8.5. Przechowywanie i foldery mediów
Pliki trafiają do:
Możesz zmienić ten system, np. aby mieć wszystko w jednym folderze.
