Rozmiary obrazów w WordPressie: Jak działają obrazy w WordPressie & Najlepsze rozwiązania dla Twojej strony

Rozmiary obrazów w WordPressie: Jak działają obrazy w WordPressie & Najlepsze rozwiązania dla Twojej strony

WordPress ułatwia dodawanie obrazów do postów i stron na blogu. Ale żeby te zdjęcia wyglądały dobrze, musisz wybrać odpowiedni rozmiar obrazu - o tym właśnie dziś porozmawiamy: Rozmiary obrazów w WordPressie.

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ż 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ż 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 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 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 mogą być twórcy, którzy potrzebują określonych rozmiarów obrazów, by zaprezentować swoją pracę.- Zmiana domyślnych rozmiarów obrazów może być także konieczna, jeśli masz 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, 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.

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 kompresować obrazy, które już umieściłeś na swojej stronie. Przetwarza i kompresuje także wszystkie obrazy, które będą przesyłane w przyszłości. Zmniejsza rozmiar pliku nawet o 75% bez zauważalnego pogorszenia 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 darmowy dla maksymalnie 100 zdjęć miesięcznie. Możesz dokupić dodatkowe kredyty na zdjęcia, zaczynając od $4.99 za 7000 kredytó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' ); 

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 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 WordPressie i 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.  

Twoje pytania dotyczące WordPress Rozmiary obrazów

Jakie masz pytania dotyczące rozmiarów obrazów w WordPressie? Czekamy na twoje komentarze. Czy interesują cię aktualne tematy związane z WordPressem i projektowaniem stron internetowych? Obserwuj Raidboxes na TwitterzeFacebookuLinkedIn lub poprzez nasz Newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

2 Komentarze na temat "Rozmiary obrazów w WordPressie: Jak obrazy działają w WordPressie i najlepsze rozwiązania dla Twojej strony".

  1. Ich habe es eben ausprobiert und ein Foto mit 240 dpi und das Gleiche mit 72 dpi exportiert. Die Dateigröße ist dabei die gleiche geblieben. Also macht es keinen Unterschied und spare nichts ein.

  2. Ein Pixel ist ein Pixel. Außer bei Retina-Displays interessiert es auf Websites schlicht absolut gar nicht, was für eine Auflösung die Bilder haben. Die Auflösung ist nur dann interessant, wenn das Bild gedruckt werden sollte. Ich frage mich, wann dieser blödsinnige Mythos endlich stirbt.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.