powrot do bloga

Optymalizacja zdjęć w wordpress. Wtyczki do kompresji

Optymalizacja zdjęć w wordpress. Wtyczki do kompresji

Optymalizacja zdjęć dla Wordpress. Kompresja i zmniejszanie obrazów.

Optymalizacja zdjęć i ich odpowiednie rozmiary to kluczowa czynność jeżeli chcemy budować doskonałej jakości stronę o przyzwoitych parametrach performance. Waga i rozmiar zdjęć to też kluczowy czynnik jeżeli chodzi o czas wczytania podstrony. Problemem w przypadku nieświadomych użytkowników wordpressa jest przede wszystkim :

  • wgrywanie zdjęć nieskompresowanych
  • wgrywanie zdjęć nieodpowiednich formatów
  • dodawanie do galerii za dużych zdjęć

Spis treść :

  • formaty i waga zdjęć
  • wtyczki do optymalizacji zdjęć
  • czym kompresować zdjęcia
  • lazy load w wordpress
  • optymalizacja alt, title, nazwy pliku zdjęcia

Generowanie formatów zdjęć w Wordpress

Przy wgrywaniu zdjęcia do biblioteki mediów mało osób wie ze Wordpress generuje dodatkowe formaty automatycznie.

Nowe formaty zdjeć przy poprawnie wdrożonej funkcjonalności powinny być również automatycznie podmieniane dla odpowiednich wielkości responsywnych strony. Formaty dla których wordpress generuje nowe wielkości zdjęcia można sprawdzić w Ustawienia > Media

Jakie formaty stosować dla zdjęć do Wordpress ?

Częstym nawykiem u początkujących użytkowników wordpressa jest dodawanie zdjęć dużych prosto z aparatu lub z banku zdjęć. Ma to swoje podłoże w niewiedzy oraz przekonaniu że duże zdjęcie będzie lepiej wyglądać oraz mieć wyższą jakość.

Niestety takie zdjęcie jedynie zapycha serwer i bazę danych.

Należy unikać dodawania zdjęć większych niż >1Mb i szerszych niż 1920px przy rozdzielczości 72dpi.

Co jeżeli wgram zdjęcie powyżej tych parametrów ?

Wszystko co powyżej i tak nie zostanie pokazane użytkownikowi gdyż wordpress wygeneruje swoje formaty z głównego zdjęcia które jest wgrane do biblioteki mediów.

Może również wystąpić sytuacja w której dedykowany pojemnik na zdjęcie będzie mniejszy niż dodane do niego zdjęcie np: zdjęcie na blogu będzie większe niż pojemnik na nie przewidziany. W takiej sytuacji zostanie ono dynamicznie dopasowane do zdjęcia czyli zmniejszone przez odpowiednie skrypty lub css.

Minusem takiego rozwiązania jest waga zdjęcia, wordpress musi i tak wczytać zdjęcie większe które następnie jest skalowane dynamicznie. Przy kilku tego typu zdjęciach wgranych powyżej rozmiaru z dodatkowo zbyt dużą wagą (zdjęcia nieskompresowane) czas wczytania podstrony wydłuży się znacznie.

Twój wordpress wolno chodzi ? 

Zobacz podstawy optymalizacji stron i optymalizację strony w wordpress.

Przyśpiesz wordpress poprzez optymalizację bazy danych oraz optymalizację zdjęć

Zapewnij sobie spokój i zabezpiecz wordpress - kilka sprawdzonych metod