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:

1
Media → Biblioteka

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:

1
/wp-content/uploads/rok/miesiąc/

Możesz zmienić ten system, np. aby mieć wszystko w jednym folderze.

Powrót do Spisu Tematów – Biblia WordPress