Zdjęcia w jakich wymiarach wstawiać na stronę?
Mariusz Miś
Ostatnia aktualizacja: 6 miesięcy temu
Poniższy poradnik dotyczy stron stworzonych w oparciu o motyw Astra wraz z edytorem Spectra.
Preferowany rozmiar zdjęcia zależny jest od miejsca, w którym będzie ono wyświetlane na stronie. Dla wygody możemy przyjąć ogólne zalecenie, żeby wgrywane zdjęcia miały szerokość nie mniejszą niż 600px, ale żeby nie były większe niż 2200px. To zapewni nam poprawne wyświetlenie grafiki w większości miejsc.
Przyjrzyjmy się teraz przykładowym miejscom, w którym stosujemy grafiki.
Zdjęcia osób w zespole
Jeśli na naszej stronie funkcjonuje podstrona z listą osób z zespołu ze zdjęciami to tutaj spokojnie możemy zawęzić wymagania do stosowanych zdjęć do szerokości 600 - 1200px. Nie ma potrzeby wgrywania większych zdjęć, ale jeśli tak się zdarzy to nie jest problem, zadbajmy tylko o to, żeby strona wyświetlała mniejszą miniaturkę
Edytor Spectra (rozbudowana wersja WordPressowego Gutenberga) umożliwia wybór rodzaju miniaturki prezentowanej w miejscu wstawienia grafiki. W części ustawień po prawej stronie znajdziemy pole "Image Size", w którym wybierzemy rozmiar wyświetlanej grafiki.
Jeśli oryginalne zdjęcie wgrane przez Ciebie do Mediów posiada większą szerokość niż 1024px ustaw rozmiar miniaturki na "Duży". W ten sposób edytor umieści na stronie plik o szerokości 1024px, żeby nie obicążać strony.
Jeśli Twoje oryginalne zdjęcie ma mniejszy rozmiar - pomiędzy 600px a 1024px ustaw rozmiar w polu "Image Size" na Pełny rozmiar. Wtedy edytor wykorzysta oryginalne zdjęcie. Będzie ono wystarczających rozmiarów.
Grafiki obok tekstu
Tutaj spokojnie można zastosować tę samą zasadę, jak przy zdjęciach osób w zespole.
Grafika w tle banera lub na całą szerokość strony
W tej sytuacji należy mieć na uwadze by wgrywane zdjęcie, które będzie obejmowało większy obszar na stronie było również adekwatnie większe.
Większość stron, które tworzymy w oparciu o Astrę mają szerokość 1200px, więc taka szerokość wgrywanego zdjęcia będzie najbardziej optymalna. Zdjęcie może być także odrobinę większe np. do 1600px.
Nie zalecamy jednak stosowania większych zdjęć, ponieważ istotnie mogą one wpłynąć na szybkość ładowania strony.
Jeśli stosujemy zdjęcie w tle na szerokość strony lub pomiędzy tekstami, również na całą szerokość w ustawienia "Image Size" po prawej stronie edytora należy ustawić "Pełny Rozmiar", aby edytor nie wgrywał za małego zdjęcia, które byłoby wyświetlane w słabej jakości.
Jeśli dysponujesz tylko dużym zdjęciem, większym niż 2200px skorzystaj z jakiegoś darmowego edytora grafik online, żeby je zmniejszyć lub wgrak zdjęcie do Mediów w panelu strony i skorzystaj z edytora zdjęć w WordPressie, by zmniejszyć jego rozmiary.