Na szybkość Twojej strony internetowej składa się wiele czynników. Jedną z najprostszych a zarazem skutecznych rzeczy które możesz zrobić jest odpowiednie przygotowanie plików graficznych na Twojej stronie internetowej. Po przeczytaniu tego artykułu bez wątpienia sobie z tym poradzisz.
Dodając jakiekolwiek grafiki na stronę internetową – czy to ikony czy zdjęcia, pamiętaj o tym aby były w odpowiednim formacie oraz mało ważyły.
Ponadto jeżeli zależy Ci na SEO, zwróć również uwagę na nazwę pliku który wrzucasz na stronę.
W optymalizacji obrazków na stornie internetowej nie chodzi tylko o szybkość strony internetowej.
Dobrze przygotowane, podpisane oraz zoptymalizowane grafiki mocno wpływają na pozycje SEO Twojej strony internetowej dzięki czemu strona pnie się organicznie w wyszukiwarkach.
Potrzebujesz wysokiej jakości darmowych zdjęć na Twoją stronę internetową? Sprawdź mój artykuł na temat bezpłatnych banków zdjęć.
Darmowe banki zdjęć. 21 najlepszych witryn z fotografiami na stronę czy bloga.
Optymalizacja plików graficznych przy pomocy wtyczek WordPress
Nie bez powodu WordPress jest najpopularniejszym CMSem używanym przy projektowaniu stron internetowych.
Dzięki WordPressowi mamy m.in dostęp do tysięcy darmowych rozszerzeń.
Istnieje wiele darmowych, dobrych wtyczek do optymalizacji plików graficznych na stronie WordPress.
W tym artykule skupie się na najlepszym według mnie – Robin Image Optimizer.
Dlaczego Robin Image Optimizer?
Jest on bardzo intuicyjny, może automatycznie optymalizować pliki wgrywane na server.
Ponadto nie obciąża mocno strony www.
Na czym polega optymalizacja plików graficznych?
Zanim zabierzemy się na instalacje oraz konfiguracje wtyczki, kilka słów o tym czym jest optymalizacja plików graficznych.
To, że jest konieczna jeśli zależy ci na SEO – już wiesz.
Głównym aspektem na którym powinieneś się skupić przy optymalizacji obrazków graficznych jest ich waga oraz rozszerzenie.
W większości przypadków, rozszerzeniami na których powinieneś bazować są JPG oraz PNG, w zależności od potrzeb.
Jak się zapewne domyślasz, duża waga plików obciąża Twoją stronę. Dlatego skup się na tym aby Twoje zdjęcia ważyły jak najmniej.
Przed wrzuceniem ich na server możesz skorzystać z któregoś z darmowych internetowych optymalizatorów zdjęć.
Dla przykładu możesz skorzystać ze strony Easy-Resize.com
Twoje grafiki, w większości przypadków nie powinny przekraczać 100kb,
Natomiast szerokość zdjęcia nie powinna przekraczać 1920px.
W niektorych przypadkach dobrze sprawdzą się zdjęcia mniejsze np 1200px.
Dlaczego Robin Image Optimizer?
Jak już jesteśmy przy optymalizacji zdjęć przy pomocy zewnętrznych serwisów to spowrotem wróćmy do głównego tematu tego artykułu.
Darmowa wtyczka do WordPress Robin Image Optimizer znacznie ułatwi nam to zadanie oraz zaoszczędzi Twój czas.
Przy pomocy wtyczki Robin Image Optimizer m.in:
- zoptymalizujesz rozmiar zdjęć
- zadbasz o odpowiednie rozszerzenie
- zapewnisz odpowiedni rozmiar grafiki
Ponadto pokaże Ci jak ustawić tą wtyczkę tak aby regularnie wykonywała optymalizacje oraz optymalizowała Twoje zdjęcia od razu przy wrzucaniu ich na strone internetową. Wtyczka będzie działała sama z siebie i nie potrzebowała Twojej nadmiernej ingerencji.
Robin Image Optimizer – Instalacja wtyczki
Wtyczkę Robin Image Optimizer zainstalujesz tak samo jak inne wtyczki do WordPressa.
Możesz wybrać je z panelu wtyczek WordPress. Wystarczy, że wpiszesz „Robin Image Optimizer„, klikniesz „Zainstaluj” a następnie „Włącz„
Jeżeli nie jesteś pewny który to plugin, sprawdź na zdjęciu niżej.
Jak każdą wtyczkę, możesz również pobrać pliki źródłowe ze strony autorów i wrzucić je ręcznie na server.
Robin Image Optimizer – Konfiguracja wtyczki
Wtyczka po zainstalowaniu wymaga kilku prostych kroków. Pokaże Ci teraz jak w kilka chwil skonfigurować tą wtyczkę.
Po zainstalowaniu pluginu, wejdź w swoje wtyczki. W tym celu wejdź do panelu administratora i znajdź po lewej stronie zakładkę „Wtyczki” kliknij w nią i odszukaj wtyczkę „Robin Image Optiimizer„
Następnie aby dostać się do ustawień wtyczki, kliknij „Settings„
Kolejno w panelu ustawień wtyczki odszukaj „Settings„
Główne ustawienia Robin Image Optimizer
Po kliknięciu wyświetlą Ci się główne ustawienia.
W kilku słowach powiem Ci co możesz tutaj ustawić oraz powiem co sprawdza się na większości stron internetowych oraz sam najczęściej stosuje.
Optimization server
W tym przypadku musisz ustawić server na którym wtyczka będzie optymalizować Twoje zdjęcia.
Pozostawiamy bez zmian.
Compression mode
Następna rzecz jest bardzo ważna. Ustawimy jakość kompresowanych zdjęć na stronie.
Pamiętaj, że tym lepsza jakość ma zdjęcie na stronie tym więcej waży.
W przypadku zwykłych strony internetowych najrozsądniejszym rozwiązaniem jest ustawienie „Lossy„
W większości przypadków wybieram właśnie tę opcję.
Jeżeli prowadzisz jakiegoś bloga czy stronę która opiera sie na wysokiej jakości zdjęciach użyj „High„
Sprawdzi się to np jeżeli Twoja strona to portfolio fotografa.
Automatyczna optymalizacja przy pobieraniu
Wtyczka w darmowej wersji daje nam bardzo fajną funkcję właściwie.
Możemy uruchomić automatyczne optymalizowanie zdjęć przy wgrywaniu ich na server.
Dzięki temu nie musisz martwić się, że zapomnisz zająć się jakąś grafiką – wtyczka zrobi to za Ciebie.
Jeżeli chcesz włączyć automatyczną optymalizacja przy pobieraniu to kliknij przycisk „On„
Backup zdjeć
Wtyczka umożliwia nam backup wgranych zdjęć.
Zaznacz „On” jeżeli chcesz mieć dostep do wgranych zdjęć przed przeróbką.
Logi błędów
Kolejna funkcja jest dla nas zbędna więc pozostawiamy ją jako „Off„.
Przy jej pomocy możesz włączyć logi błędów.
Konwertowanie grafik do WebP
Funkcja dostepna jedynie dla użytkowników PRO wtyczki.
W tym artykule skupiamy się na darmowej wersji więc pozostawiamy tak jak jest.
Zarządzanie backupami
Przy pomocy tych przycisków możesz wgrać backupy swoich zdjęć o których pisałem wyżej.
Jeżeli chcesz przywrócić backup zdjeć to kliknij „Restore„
Możesz również wyczyścić zapisane backupy i zaoszczędzić pamięć, w tym celu klknij „Clear Backup„
Pozostawianie danych EXIF
KW niektórych przypadkach zdjęcia są podpisane w specyficzny sposób.
Pobierając je nie widzimy tego podpisu lecz nasz komputer i przeglądarki tak.
Funkcja domyślnie jest włączona i proponuje tak zostawić.
Robin Image Optimizer – Optymalizacja zdjęć
Następnie przechodzimy do ustawień optymalizowanych zdjeć.
Zlecenie optymalizacji
W tej chwili możesz zlecić optymalizacje zdjęć.
Użyj przycisku „Ascending” aby zoptymalizować również stare zdjęcia.
Użyj przycisku „Descending” aby optymalizować tylko nowo dodane grafiki.
Zmienianie rozmiarów wrzucanych zdjęć
Kolejnym fajnym darmowym narzędziem tej wtyczki jest automatyczne zmienianie rozmiaru wrzucanych zdjęć.
Każda grafika którą wrzucisz na stronie zostanie automatycznie przycięta.
Jeżeli chcesz to włączyć to zaznacz przycisk „On„
Następnie wpisz maksymalną szerokość zdjęć.
W większości przypadków 1280px będzie wystarczające.
Kolejno musisz ustawić maksymalną wysokość zdjeć.
Jest to kwestia w pełni dowolna, na moich stronach często ustawiam 1200px.
Optymalizowane formaty
Następnie musisz ustawić formaty zdjeć które mają być optymalizowane.
Wtyczka umożliwia nam optymalizacje plików JPG, PNG oraz GIFów
Pozostaw wszystkie zaznaczone.
Optymalizowanie obrazków
WordPress umożliwia wstawianie zdjęć w formie „Obrazków” na stronie internetowej.
Są one podzielone na specjalne nazwy z odpowiednim rozmiarem.
Możesz tutaj ustawić obrazki które mają być zoptymalizowane.
W moim przypadku pozostawiam wszystkie.
Zaplanowana automatyczna optymalizacja grafik
Czas na ostatnią, bardzo wygodną funkcje tej wtyczki. Niestety jest dostępna tylko w wersji PRO.
W tej części możesz ustawić zautomatyzowane optymalizowanie grafik.
Przydaje się to w sytuacji w której wrzucasz na raz dużo zdjęć na server i nie chcesz tracić czasu.
Wtyczka zoptymalizuje obrazki według tego co ustawisz.
Ponadto możesz ustawić tutaj ile obrazków ma się optymalizować w tle, podczas Twojej pracy na stronie internetowej.
Nie przesadzaj z ilością tak, żeby strona się nie była obciążona.
Ustawianie typu automatycznej optymalizacji
Niestety funkcja optymalizacji w tle jest wyłącznie dla wersji PRO.
Nic nie szkodzi, możemy spokojnie pozostawić na „Scheduled” i przejść dalej.
Jeżeli posiadasz wersje PRO wtyczki to w tym kroku ustaw co ile minut wtyczka powinna wykonywać optymalizacje w tle.
Nastepnie wpisz ile grafik ma być optymalizowanych co określony czas.
Nie przesadzaj z ilością, bez wątpienia może to wpłynąć na działanie Twojej strony.
Robin Image Optimizer – Uruchomienie optymalizacji
Ostatnim krokiem który musimy wykonać, zaraz po skonfigurowaniu wtyczki jest ręczne zoptymalizowanie istniejących już zdjęć.
W tym celu kliknij przycisk „Bulk Optimization” znajdziesz go w panelu po lewej stronie wtyczki.
Kliknij „Optimize” aby rozpocząć proces optymalizacji obrazków na stronie.
Ostatnim przyciskiem który musisz kliknąć jest „Optimize Now” dzięki czemu wtyczka zacznie optymalizacje.
Pozostaje tylko czekać aż wtyczka wykona robote za Ciebie.
Potrafi to zająć trochę czasu więc uzbrój się w cierpliwość.
To czas na chwilową przerwę 😉
Po skończeniu pracy przez wtyczkę powinny wyświetlić Ci się informacje m.in na temat tego ile miejsca zaoszczędziłeś oraz ile plików zostało zoptymalizowanych.
Grafiki zostały zoptymalizowane, ponadto w tym panelu możesz sprawdzić m.in ile miejsca zaoszczędziła wtyczka, ile pierwotnie ważyło zdjęcie a ile waży teraz oraz ile % oszczędziła miejsca.
Gratulacje. Wtyczka zoptymalizowała Twoje aktualne grafiki oraz będzie optymalizować grafiki które wrzucisz na stronę.
Już nie musisz się więcej martwić Twoimi obrazkami na stronie internetowej.
Pamiętaj, że ładne i dobrze zoptymalizowane zdjęcia znacząco wpływają na SEO Twojej strony internetowej.
Potrzebujesz darmowych zdjęć wysokiej jakości? Sprawdź mój artykuł o darmowych bankach zdjęć.
Darmowe banki zdjęć. 21 najlepszych witryn z fotografiami na stronę czy bloga.
Istnieje kilka niezbędnych wtyczek do strony WordPress, m.in wymieniony tutaj Robin Image Optimizer.
Sprawdź mój artykuł na ten temat i poznaj pozostałe niezbędne wtyczki.
Najważniejsze wtyczki WordPress. 6 niezbędnych wtyczek na każdą stronę www.
