Rozmiary obrazów w WordPress: poznaj domyślne rozmiary i jak je zmienić

Praca z obrazami w WordPress potrafi być wyzwaniem. Jeśli zignorujesz wymagania i rozdzielczości, strona może wyglądać chaotycznie, a czas ładowania strony się wydłuży.

Dlatego warto poznać domyślne rozmiary obrazów oraz to, jak je zmienić. W tym artykule wyjaśniamy wszystko, co musisz wiedzieć o rozmiarach obrazów WordPress, jak je zmienić, dodać niestandardowe rozmiary i jak użyć wtyczki, aby zregenerować miniatury.

Co to są domyślne rozmiary obrazów w WordPress

Po przesłaniu obrazu WordPress tworzy cztery warianty w następujących rozdzielczościach:

• Miniatura (Thumbnail): 150 × 150 pikseli
• Średni (Medium): maks. 300 × 300 pikseli
• Duży (Large): maks. 1024 × 1024 piksele
• Pełny (Full size): oryginalny rozmiar obrazu przesłanego pliku

Jak WordPress przetwarza obrazy

Po przesłaniu obrazu do biblioteki multimediów WordPress automatycznie wygeneruje dodatkowe obrazy w trzech domyślnych rozmiarach i zapisze je oddzielnie.

W związku z tym podczas przesyłania obrazu zobaczysz cztery opcje obrazu. Pierwsze trzy opcje to domyślne rozmiary obrazów WordPress, natomiast opcja pełnego rozmiaru to oryginalny rozmiar przesłanego obrazu.

WordPress tworzy te opcje, ponieważ umieszczanie obrazów w różnych miejscach wymaga różnych rozdzielczości. Na przykład miniatura może mieć inną rozdzielczość niż grafika używana w suwaku, co czasem wymaga automatycznego przycinania obrazu.

Dzięki temu nie musisz ręcznie edytować i zmieniać rozmiaru obrazów, jeśli chcesz używać tych samych obrazów w różnych miejscach z różnymi rozdzielczościami – to także kwestia optymalizacji obrazów dla strony. Potrzebny jest tylko jeden obraz, a WordPress zajmie się resztą.

Jak zmienić domyślne rozmiary obrazów w WordPress

Chociaż WordPress oferuje już trzy domyślne rozmiary, jeśli uznasz, że te opcje nie odpowiadają Twoim potrzebom, istnieją alternatywne rozwiązania pozwalające uzyskać najlepszy rozmiar obrazów na stronie internetowej. Być może potrzebujesz mniejszych miniatur lub szerszych obrazów wyróżnionych. W takim przypadku musisz zmienić domyślny rozmiar obrazów w WordPress. Aby to zrobić, wykonaj poniższe czynności:

1. Przejdź do panelu administracyjnego.
2. Najedź kursorem na Ustawienia → Media.
3. W oknie Ustawienia mediów możesz dostosować żądane rozmiary pikseli dla każdego rozmiaru.
4. Kliknij przycisk Zapisz zmiany, aby zapisać ustawienia.

Jak dodać własny niestandardowy rozmiar obrazu

Masz więc trzy domyślne rozmiary. Załóżmy, że masz obrazek w rozmiarze miniaturki dla miniaturki, obrazek w średnim rozmiarze dla obrazka w poście i obrazek w dużym rozmiarze dla obrazka wyróżnionego.

Ale zdajesz sobie sprawę, że potrzebujesz więcej domyślnych rozmiarów obrazów dla banerów pop-up i widżetów. W takim przypadku możesz dodać niestandardowe rozmiary obrazów WordPress, aby spełnić te potrzeby.

Krok 1. Dodaj niestandardowy rozmiar przez edycję functions.php

Niektóre motywy oferują dodatkowe rozmiary, ale jeśli ich brakuje, możesz dodać własne.

1. Przejdź do panelu administracyjnego.

2. Najedź kursorem na Wygląd → Edytor.

3. Edytuj plik functions.php.

4. Skopiuj poniższy skrypt i wklej go do pliku.

add_theme_support( 'pop-up-banner' );

5. Kliknij przycisk Aktualizuj plik.

Powyższy skrypt aktywuje funkcję add_image_size(). Jeśli ta funkcja jest już aktywna, możesz dodać nowe obrazy WordPress, takie jak poniższe:

add_image_size( 'pop-up banner size', 1000, 590 );

add_image_size( 'widget size', 220, 180 );

W tych przykładach należy podać dodatkową nazwę rozmiaru „Rozmiar banera pop-up” i „Rozmiar widżetu”. Dwie liczby następujące po nazwie rozmiaru oznaczają szerokość i wysokość.

Krok 2. Wyświetl niestandardowe rozmiary w motywie

Niestandardowe rozmiary obrazów zostały pomyślnie dodane, jednak nie zostały one wyświetlone w Twoim motywie WordPress. Teraz musisz włączyć nowe rozmiary obrazów w swoim motywie.

Najpierw wykonaj kopię zapasową swojej strony przed wprowadzeniem jakichkolwiek zmian. Otwórz plik motywu w pętli postów i edytuj go. Następnie wklej ten kod:

<?php the_post_thumbnail( twój-określony-rozmiar-zdjęcia ); ?>

Powinieneś zmienić twój-określony-rozmiar-zdjęcia z nazwą ustawioną w poprzednim kroku. Na przykład można zmienić go na rozmiar banera pop-up. Po wykonaniu tych czynności, podczas przesyłania obrazów do biblioteki multimediów, będą dostępne opcje rozmiaru banera pop-up.

Jak zregenerować rozmiary obrazów wtyczką

Ustawienie nowego niestandardowego rozmiaru obrazu w WordPress nie wpłynie na poprzednie obrazy. Dlatego należy ponownie wygenerować poprzednie niestandardowe rozmiary obrazów.

Na szczęście nie trzeba tego robić ręcznie, jeden po drugim. Istnieje wtyczka o nazwie Regenerate Thumbnails, która pomoże zaktualizować poprzedni rozmiar obrazu. Aby to zrobić, wykonaj poniższe czynności.

• Przejdź do panelu administracyjnego.
• Kliknij Wtyczki → Dodaj nową.
• Wpisz „Regeneruj miniatury” w pasku wyszukiwania.
• Zainstaluj i aktywuj wtyczkę.
• Teraz przejdź do Narzędzia → Regeneruj miniatury
• Kliknij przycisk Regeneruj miniatury dla X załączników.
• Teraz wszystkie wcześniej przesłane obrazy zostaną zregenerowane zgodnie z nowymi ustawieniami obrazu.

Podsumowanie

Rozmiary obrazów w WordPress mogą wydawać się błahą sprawą, ale w rzeczywistości mogą przysporzyć sporo kłopotów. Czasami może się okazać, że przesłany plik obrazu nie ma pożądanego rozmiaru.

Aby rozwiązać ten problem, możesz wypróbować dwie metody. Możesz zmienić domyślne rozmiary obrazów lub dodać niestandardowe. Przed ustawieniem nowego rozmiaru pamiętaj, że przesyłanie dużych obrazów o wysokiej rozdzielczości nie jest dobrym pomysłem. Duże obrazy zajmują dużo miejsca i spowalniają czas ładowania, a tym samym obniżają wydajność strony.

Mamy nadzieję, że ten artykuł pomoże Ci wybrać odpowiednie obrazy, w odpowiednim miejscu i o odpowiednich rozmiarach.