WordPress ułatwia dodawanie obrazów do postów i stron bloga. Aby jednak takie zdjęcia dobrze wyglądały, musisz wybrać odpowiedni rozmiar obrazu - o tym właśnie dziś piszemy: Rozmiary obrazów WordPress.

Ważne jest, aby wiedzieć, jak rozmiary obrazów działają na stronach WordPress i jak można dodać niestandardowe rozmiary obrazów do swojej witryny. Następnie można użyć najbardziej odpowiedniego typu pliku obrazu w odpowiednim rozmiarze i miejscu. 

Właściwy rozmiar obrazów nie tylko sprawia, że Twoja strona wygląda bardziej spójnie, ale także ułatwia udostępnianie wpisów na blogu. W tym artykule dowiesz się, jak stosować odpowiednie rozmiary obrazów w witrynie WordPress.

Poruszamy następujące tematy: 

• W jaki sposób WordPress zarządza przesyłanymi obrazami
• Jak zmieniać i edytować obrazy w WordPressie
• Najlepsze rozmiary obrazów dla WordPress
• Najlepsze praktyki dotyczące rozmiarów obrazów WordPress
• Jak dodać niestandardowe rozmiary obrazów WordPress
• Wnioski dotyczące rozmiarów obrazów w WordPressie i ogólne najlepsze praktyki

W jaki sposób WordPress zarządza przesyłanymi obrazami

Jak już wspomnieliśmy, w WordPressie liczy się rozmiar obrazu. Jeśli wybierzesz zły rozmiar, Twoje obrazy będą wyglądały na rozmazane - co gorsza, jeśli będą zbyt duże, mogą spowolnić działanie Twojej strony.

Nieprawidłowe rozmiary obrazów mogą również zaburzyć układ strony lub wpisu na blogu i spowodować niepotrzebne przewijanie na boki. Dobra wiadomość: WordPress ma wbudowane ustawienia, które pozwalają uniknąć tych problemów.  

Rozmiary obrazów WordPress

• Rozmiar miniaturki: 150 x 150 pikseli
• Rozmiar średni: 300 x 300 pikseli 
• Największy rozmiar: 1024 x 1024 pikseli
• Pełny rozmiar: domyślnie odpowiada oryginalnemu rozmiarowi przesłanego obrazu.

Kiedy przesyłasz obraz do WordPress, te cztery różne rozmiary obrazów są tworzone domyślnie.  

Powód, dla którego WordPress tworzy takie rozmiary obrazów jest dwojaki. Po pierwsze, nie musisz zmieniać rozmiaru obrazów ręcznie. Po drugie, zapewnia, że odpowiedni rozmiar obrazu jest wybierany dla różnych miejsc na Twojej stronie. 

Na przykład WordPress wyświetla miniatury postów z listy na blogu w widżecie paska bocznego lub stopki, ale obrazek, który ma się pojawić w nagłówku lub w samym poście, musi być większy. Dlatego WordPress wybiera jeden z większych rozmiarów obrazu, aby obraz był dobrze widoczny. 

Więc jeśli chcesz użyć tego samego obrazu w różnych miejscach na swojej stronie internetowej, nie musisz tracić czasu na ręczną zmianę rozmiaru lub pamiętanie, jaki rozmiar obrazu jest potrzebny. Wystarczy przesłać zdjęcie - WordPress zajmie się resztą.

Jak zmienić rozmiar i edytować obrazy w WordPress

W WordPressie możesz zmienić rozmiar domyślnych obrazów. Wystarczy kilka kliknięć, a rozmiary obrazów zostaną ustawione w mgnieniu oka. 

Aby zmienić domyślne rozmiary obrazów, przejdź do Ustawienia > Nośniki. Jak widać na zrzucie ekranu, wszystkie domyślne rozmiary obrazów są tam wymienione. Można je łatwo dostosować, wprowadzając preferowane wymiary.

Po dostosowaniu standardowych rozmiarów obrazów WordPress do preferowanych wymiarów, kliknij na Zapisz zmiany. W przyszłości wszystkie obrazy, które załadujesz na swoją stronę, zostaną dostosowane do nowych wymiarów. 

Kiedy należy zmienić standardowe rozmiary obrazów WordPress

Jest kilka sytuacji, w których możesz potrzebować zmienić domyślne rozmiary obrazów WordPressa. Na przykład, jeśli zakupiłeś motyw WordPressa, który używa niestandardowych rozmiarów obrazków i chcesz mieć pewność, że WordPress zmieni rozmiar przesyłanych obrazków na taki właśnie wymiar. 

Innym przykładem są osoby kreatywne, które potrzebują określonych rozmiarów obrazów, aby zaprezentować swoje prace. Zmiana domyślnych rozmiarów obrazów może być również konieczna, jeśli masz sklep internetowy i potrzebujesz określonych rozmiarów obrazów dla swoich produktów.

Najlepsze praktyki dotyczące rozmiarów obrazów WordPress

Oprócz właściwych rozmiarów obrazu, istnieje kilka innych najlepszych praktyk dla WordPress rozmiarów obrazu. 

Optymalizacja rozmiaru plików z obrazami

Obrazy są często jedną z głównych przyczyn wolnego czasu ładowania strony. Jeśli pliki graficzne są zbyt duże, odbiorcy będą musieli długo czekać, aż przeglądarka je pobierze i wyświetli. 

Dlatego zanim umieścisz zdjęcia na swojej stronie, powinieneś zmniejszyć rozmiar ich pliku. Generalnie, jeśli chodzi o obrazy, powinieneś dążyć do tego, by ich rozmiar nie przekraczał 150 KB. Możesz zmniejszyć rozmiar pliku, zapisując obraz w niższej jakości.  

W przypadku dużych zdjęć, takich jak tapety, musisz znaleźć równowagę między rozmiarem pliku a jego jakością. Innymi słowy, chcesz zmniejszyć rozmiar pliku, ale nie dopuścić do tego, by obraz stał się rozpikselowany.

TinyJPG to internetowe narzędzie do kompresji obrazów, które pozwala znacznie zmniejszyć ich rozmiar - nawet o 70% bez utraty jakości.  

Możesz za darmo skompresować jednorazowo do 20 obrazów o rozmiarze do 5 MB. Możesz też zapisać się na plan Pro TInyJPG, który zaczyna się od 25 dolarów rocznie za jednego użytkownika. W planie Pro możesz skompresować ponad 20 obrazów jednocześnie i usunąć ograniczenie rozmiaru 5 MB dla obrazów WordPressa.  

TinyJPG jest świetnym rozwiązaniem dla obrazów, które chcesz umieścić na swojej stronie internetowej. Ale co z obrazami, które już są na Twojej stronie? To właśnie tutaj Plugin jak ShortPixel wchodzi w grę. 

Wtyczka pomaga w kompresji obrazów, które zostały już umieszczone na stronie internetowej. Przetwarza i kompresuje również wszystkie przyszłe zdjęcia. Zmniejsza rozmiar pliku nawet o 75% bez zauważalnego obniżenia jakości. 

Dodatkowo możesz użyć wtyczki do konwersji wszystkich formatów obrazów JPG, PNG i GIF na formaty WebP i AVIF, które zostały stworzone specjalnie do bezstratnej i stratnej kompresji obrazów na stronach internetowych i w twojej bibliotece multimediów.

ShortPixel jest bezpłatny dla maksymalnie 100 zdjęć miesięcznie. Możesz kupić dodatkowe kredyty na zdjęcia, zaczynając od 4,99$ za 7000 punktów na zdjęcia.

Użyj właściwego typu obrazu

Dzięki WordPress możesz przesyłać zdjęcia w różnych formatach. Zazwyczaj obrazy są zapisywane jako JPG, PNG lub GIF. Każdy z tych formatów ma jednak swoje wady i zalety. 

Poniżej znajduje się przegląd różnych typów obrazów:

• JPG (JPEG) to skrót od Joint Photographic Experts Group. Ten typ pliku obsługuje 16 milionów kolorów i zazwyczaj ma najmniejszy rozmiar wśród zdjęć. Ten typ pliku jest świetny dla obrazów tła, zdjęć produktów, wyróżnionych obrazów i ogólnie wszystkich obrazów lub zdjęć, których chcesz użyć na swojej stronie internetowej.  
• PNG to skrót od Portable Network Graphic (przenośna grafika sieciowa). Ten format obrazu obsługuje mniejszą liczbę kolorów niż JPG. Możesz jednak zapisywać obrazy z przezroczystym tłem. Jest to dobry wybór dla obrazów logo, wzorów tła, dekoracyjnych grafik na strony internetowe, ikon mediów społecznościowych itp. Obrazy zapisane jako PNG mogą być większe, jeśli obraz zawiera dużo szczegółów. 
• GIF oznacza Graphics Interchange Format i obsługuje 256 kolorów oraz przezroczystość. GIF-y mogą być także animowane. GIF-y mogą być małe, ale mogą też tworzyć większe pliki, jeśli zawierają złożone animacje. 

Zwróć uwagę na rozdzielczość obrazu

Kolejnym aspektem, który powinieneś rozważyć, optymalizując obrazy na strony internetowe, jest ich rozdzielczość. Rozdzielczość obrazu jest mierzona w punktach na cal (DPI) i określa jakość obrazu. Im wyższa wartość DPI, tym wyższa rozdzielczość obrazu. 

Dla celów internetowych, rozdzielczość obrazu powinna być ustawiona na 72 DPI, ponieważ jest to wartość domyślna. Większa rozdzielczość skutkuje dużym rozmiarem i przyczynia się do wolniejszego ładowania strony.

Aby dodać niestandardowe rozmiary obrazów WordPress

Możesz dodać niestandardowe rozmiary obrazów poprzez edycję pliku functions.php. Powiedzmy, że chcesz dodać niestandardowy rozmiar obrazu dla swojego wyróżnionego obrazu. 

Aby dodać je do swojego motywu, wystarczy wykonać następujące czynności:

W swoim pulpicie nawigacyjnym WordPress przejdź do Wygląd > Edytor. Otwórz plik functions.php i poszukaj następującej linii kodu:

add_theme_support( 'post thumbnails' );

Jeśli nie znajdziesz go tam, dodaj tę linię, a następnie kliknij na przycisk Aktualizuj plik. Następnie dodaj następującą linię do pliku functions.php: 

add_image_size( 'blog featured image', 1280, 630 );

Powyższa linia dodaje niestandardowy rozmiar do twojego motywu i określa szerokość i wysokość nowego rozmiaru obrazka. Zaktualizuj plik, aby zapisać zmiany. 

Następnie musisz zaktualizować kod w swoim Theme , aby pokazać nowy niestandardowy rozmiar obrazu, który możesz wybrać podczas przesyłania. Tym razem otwórz plik index.php i wstaw następującą linię kodu: 

the_post_thumbnail( 'blog featured image' ); 

Następnie zaktualizuj plik, aby zapisać zmiany. Pamiętaj, że przy każdej aktualizacji motywu twój niestandardowy rozmiar obrazka zostanie nadpisany, jeśli użyjesz metody ręcznej. 

Dlatego zalecamy użycie motywu potomnego lub dodanie niestandardowych rozmiarów obrazków za pomocą wtyczki Image Regenerate & Select Crop. Dzięki tej wtyczce możesz łatwo zarejestrować nowe niestandardowe rozmiary obrazków i zregenerować miniaturki zgodnie z nowymi rozmiarami obrazków.  

Podsumowanie: Rozmiary obrazów w WordPress i ogólne najlepsze rozwiązania

Obrazy pomagają ci opowiedzieć twoją historię i ułatwiają twoim czytelnikom odnoszenie się do twoich postów oraz wzbudzają ich zainteresowanie. 

Dlatego ważne jest, aby wybrać odpowiedni rozmiar dla swojej strony internetowej. Wskazówki zawarte w tym artykule pomogą Ci ustawić właściwy rozmiar obrazów i dodać niestandardowe rozmiary obrazów do strony WordPress . 

Aby mieć pewność, że twoje wysiłki związane z optymalizacją rozmiaru obrazu w WordPressie się opłacą, powinieneś zabezpieczyć swoją stronę niezawodnym hostingiem. W końcu nie ma sensu przyspieszać swojej strony, jeśli jest ona przywiązana do gorszego hostingu. 

Wypróbuj Hosting WordPress z Raidboxes, aby zapewnić swojej stronie szybki czas ładowania, na który zasługują Twoi odbiorcy. Możesz kontaktować się z nami, jeśli chcesz dowiedzieć się więcej o korzyściach płynących z zarządzanego hostingu WordPress.