- hidden
- Brak komentarzy
Aby uzyskać jak najlepszy efekt publikując zdjęcia na stronie internetowej musisz zmierzyć się z ich optymalizacją. Co to właściwie jest optymalizacja zdjęć? Najprościej mówiąc jest to osiągnięcie optymalnego kompromisu pomiędzy ich jakością a wagą. Jeżeli publikowane przez Ciebie zdjęcia będą doskonałej jakości, jednak ich waga przekroczy pewną skalę doprowadzi to do sytuacji w której użytkownik nawet nie zdąży ich zobaczyć. Odwracając sytuację – szybkie załadowanie strony i marnej jakości zdjęcia również nie dadzą Ci zbyt wiele korzyści. Całą sztuką jest odnalezienie złotej granicy pośrodku.
Jakie wybrać rozszerzenie zdjęć?
Jest wiele zależności dotyczących wyboru rodzaju rozszerzenia zdjęć. Do różnych celów można wykorzystać każde z dostępnych. W mojej ocenie na potrzeby www najlepiej jest się skupić tylko na dwóch, mianowicie:
1. PNG-8 (do publikacji małych zdjęć/grafik wewnątrz treści na stronie).
2. JPG (jakość 70-80%) do publikacji zdjęć większej rozdzielczości w tle lub sliderze.
ad.1 Jeżeli zdarzy się sytuacja, która często jest spotykana podczas publikacji zdjęć w systemie WordPress, gdzie zdjęcie z rozszerzeniem PNG-8 może wydawać się zamazane, wówczas należy ze źródła wpisu usunąć jego wymiary.
Zobacz porównanie po usunięciu wymiarów z kodu
Jak możesz powyżej zauważyć dolne zdjęcie (ze szczuplejszym kodem) jest zdecydowanie bardziej czytelne.
PNG 8 bitowe jest o wiele lżejsze od PNG 24 bitowego. Kosztem wagi PNG-8 ma jednak do dyspozycji o wiele mniej kolorów oraz nie posiada zdolności przezroczystości. Tak więc z punktu widzenia optymalizacyjnego jeżeli tło obrazka/grafiki ma być spójne z tłem strony musisz je zsynchronizować bezpośrednio w programie graficznym. To rozwiązanie ma jednak również swoje minusy, które trzeba wziąć po uwagę. Jeżeli w przyszłości zapragniesz zmienić tło strony musisz pamiętać także o zmianie tła grafiki.
ad.2 Publikacja wielu zdjęć o dużej rozdzielczości wygląda bardzo efektownie. Niestety odbija się to również na szybkości, dlatego tutaj również musisz uzyskać pewien kompromis. Ze swojej strony sugerujemy, abyś nie umieszczał grafiki jako tła na stronie oraz abyś nie publikował więcej niż 3 zdjęcia w sliderze o szerokości nie wyższej niż 1200px. Jeżeli posiadasz slider zadbaj również, aby w rozdzielczości mobilnej nie był on wyświetlany, zamieniając go na statyczny header o maksymalnej szerokości 767px.
W internecie jest dostępnych wiele darmowych narzędzi do użytku online, które zmniejszą wagę Twoich zdjęć. Jedno z nich znajdziesz tutaj.
Masowa optymalizacja w WordPress
WordPress w swojej rozległej bazie pluginów posiada również wtyczkę o nazwie Smush.it, która poprzez Twoje jedno kliknięcie zoptymalizuje wszystkie zdjęcia znajdujące się na stronie. Optymalizacja odbywa się bez utraty jakości.
Jeżeli masz dodatkowe pomysły jak przyśpieszyć stronę zachęcamy do pozostawienia komentarza.