WordPress Rozmiary obrazu: Jak działają obrazy w WordPress i najlepsze praktyki dla Twojej strony internetowej

Maddy Osman
7 Min.
Najlepsze WordPress  Obrazy Rozmiary

Dzięki WordPress można łatwo dodawać obrazy do postów i stron na blogu. Ale aby te zdjęcia wyglądały dobrze, należy wybrać odpowiedni rozmiar obrazu. Właśnie o tym dzisiaj rozmawiamy: WordPress Image sizes.

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 obrazu nie tylko sprawia, że Twoja strona wygląda bardziej spójnie, ale także sprawia, że Twoje wpisy na blogu są łatwiejsze do udostępnienia. W tym artykule dowiesz się, jak używać odpowiednich rozmiarów obrazów na swojej stronie WordPress .

Poruszamy następujące tematy: 

  • W jaki sposób WordPress zarządza przesyłanymi obrazami
  • Jak zmienić rozmiar i edytować obrazy w WordPress
  • 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 strony WordPress Rozmiary obrazów i ogólne najlepsze praktyki

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

Jak już wspomniano, rozmiar obrazu jest ważny dla WordPress . Jeśli wybierzesz niewłaściwy rozmiar, Twoje zdjęcia będą wyglądały na rozmazane. Co gorsza, jeśli Twoje obrazy są zbyt duże, mogą spowolnić działanie Twojej strony.

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

WordPress Rozmiary obrazów

  • 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 w 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 w liście postów na blogu w widżecie paska bocznego lub stopki. Jednak obraz, 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 zapewnić, że obraz jest 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

Za pomocą strony WordPress można zmienić rozmiar standardowych zdjęć w obrębie strony WordPress . Wystarczy kilka kliknięć i masz rozmiary obrazu ustawione w krótkim czasie. 

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.

Standardowe rozmiary obrazów w WordPress
Standardowe rozmiary obrazów w WordPress

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

Istnieje kilka sytuacji, w których może być konieczna zmiana domyślnych rozmiarów obrazów WordPress . Na przykład, jeśli zakupiłeś witrynę WordPress Theme , która używa niestandardowych rozmiarów obrazów i chcesz mieć pewność, że WordPress zmieni rozmiar przesłanych obrazów do tych wymiarów. 

Innym przykładem są twórcy, którzy potrzebują określonych rozmiarów obrazów, aby zaprezentować swoją pracę. Zmiana domyślnych rozmiarów obrazów może być również konieczna, jeśli posiadasz sklep internetowy i potrzebujesz określonych rozmiarów obrazów dla swoich produktów.

Najlepsze rozmiary obrazów dla WordPress

Obrazy są używane w wielu różnych miejscach na Twojej stronie internetowej. 

Oto najlepsze rozmiary obrazów dla WordPress , w zależności od tego, gdzie chcesz je wykorzystać:

  • Zdjęcia do blogów powinny mieć rozmiar 1200 x 630 pikseli.
  • Rozmiar obrazka nagłówka WordPress powinien wynosić 1048 x 250 pikseli.
  • Wyróżnione zdjęcie powinno mieć rozmiar 1200 x 900 pikseli w trybie poziomym lub 900 x 1200 pikseli w trybie pionowym.
  • Obrazy tła powinny mieć rozdzielczość 1920 x 1080 pikseli
  • Logo powinno mieć rozmiar 200 x 100 pikseli.
  • Miniatury zdjęć powinny mieć rozmiar 150 x 150 pikseli.

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. 

Zanim więc wrzucisz zdjęcia na swoją stronę, powinieneś zmniejszyć rozmiar ich pliku. Ogólnie rzecz biorąc, powinieneś dążyć do wielkości pliku 150 KB lub mniej, jeśli chodzi o obrazy. Możesz zmniejszyć rozmiar pliku, zapisując obraz w niższej jakości. 

W przypadku dużych zdjęć, takich jak tapety, należy znaleźć równowagę między rozmiarem pliku a jego jakością. Innymi słowy, chcesz zmniejszyć rozmiar pliku, ale zapobiec rozpikselowaniu obrazu.

Zoptymalizuj obrazy dla WordPress : 6 najpopularniejszych Plugins do kompresji obrazów

Można również użyć narzędzi do kompresji obrazu. Pomagają one zmniejszyć rozmiar pliku bez pogorszenia jakości. Przedstawiamy 5 Plugins do optymalizacji zdjęć.

TinyPNG, narzędzie do kompresji obrazów
TinyPNG, narzędzie do kompresji obrazów

TinyJPG to narzędzie do kompresji obrazów online, które pozwala na znaczne zmniejszenie rozmiaru obrazów - nawet o 70% - bez utraty jakości. 

Możesz skompresować do 20 obrazów o rozmiarze do 5 MB jednocześnie za darmo. Możesz również zapisać się do planu Pro TInyJPG, który zaczyna się od $25/rok za użytkownika:in. Plan Pro pozwala na kompresję więcej niż 20 obrazów jednocześnie i usuwa ograniczenie rozmiaru 5 MB dla obrazów WordPress .  

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ę. 

ShortPixel Image Optimizer Plugin dla WordPress
ShortPixel Image Optimizer Plugin dla WordPress

Plugin pomaga skompresować obrazy, które zostały już załadowane na stronę. Przetwarza on również i kompresuje wszystkie przyszłe obrazy. Zmniejsza rozmiar pliku nawet o 75% bez zauważalnej utraty jakości. 

Ponadto, można użyć Plugin do konwersji wszystkich formatów obrazów JPG, PNG i GIF do formatów WebP i AVIF, które zostały opracowane specjalnie do bezstratnej i stratnej kompresji obrazów na stronach internetowych i w bibliotece multimediów.

StronaShortPixel jest darmowa dla maksymalnie 100 zdjęć miesięcznie. Możesz kupić dodatkowe kredyty obrazu zaczynając od $4.99 za 7,000 kredytów obrazu.

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 dla zdjęć. Ten typ pliku jest świetny dla obrazów tła, zdjęć produktów, wyróżnionych obrazów i ogólnie wszelkich obrazów lub zdjęć, które chcesz wykorzystać 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żna jednak zapisywać obrazy z przezroczystym tłem. Jest to dobry wybór dla obrazów logo, wzorów tła, dekoracyjnych grafik stron internetowych, ikon mediów społecznościowych i tym podobnych. Obrazy zapisane jako PNG mogą być większe, jeśli obraz zawiera dużo szczegółów. 
  • GIF jest skrótem od Graphics Interchange Format i obsługuje 256 kolorów i przezroczystość. GIF-y mogą być również 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ć podczas optymalizacji obrazów dla stron internetowych jest rozdzielczość obrazu. 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 swojej strony Theme , 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 obrazu. 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' ); 

Image Regenerate & Select Crop Plugin for WordPress
Image Regenerate & Select Crop Plugin for WordPress

Następnie zaktualizuj plik, aby zapisać zmiany. Pamiętaj, że w przypadku korzystania z metody ręcznej niestandardowy rozmiar obrazu zostanie nadpisany przy każdej aktualizacji witryny Theme . 

Dlatego zalecamy użycie strony dziecka Theme lub dodanie niestandardowych rozmiarów obrazu za pomocą Plugin Image Regenerate & Select Crop. Dzięki tej stronie Plugin można łatwo zarejestrować nowe niestandardowe rozmiary obrazów i zregenerować miniatury zgodnie z nowymi rozmiarami obrazów. 

Podsumowanie: WordPress Rozmiary obrazów i ogólne najlepsze praktyki

Obrazy pomogą Ci opowiedzieć historię i ułatwią Twoim czytelnikom odnieść się do Twoich postów i zaangażować 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 zoptymalizować rozmiar obrazu w WordPress , należy zabezpieczyć stronę niezawodnym hostingiem. To nie ma sensu przyspieszać swoją stronę internetową, jeśli jest przywiązany do gorszego hostingu. 

Wypróbuj hostingWordPress z RAIDBOXES , aby zapewnić swojej stronie szybki czas ładowania, na który zasługuje Twoja grupa docelowa. Możesz skontaktować się z nami, aby dowiedzieć się więcej o korzyściach płynących z zarządzanego hostingu WordPress

Twoje pytania dotyczące WordPress Rozmiary obrazów

Jakie masz pytania dotyczące WordPress wielkości zdjęć? Czekamy na Państwa komentarze. Interesują Cię aktualne tematy związane z WordPress i projektowaniem stron internetowych? Następnie śledź RAIDBOXES na Twitterze, Facebooku, LinkedIn lub poprzez nasz newsletter.

Maddy Osman jest SEO Content Strategist. Współpracuje z wybranymi klientami w WordPress i sektora hostingowego. Z doświadczeniem w projektowaniu stron internetowych i WordPress, specjalizuje się w SEO - i wie dokładnie, jak połączyć marki z treściami odpowiednimi dla wyszukiwarek.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola obowiązkowe oznaczone są *.