Jak uniemożliwić WordPressowi generowanie rozmiarów obrazu?

Gdy przesyłasz obraz do WordPress, domyślnie generuje on trzy rozmiary obrazu (rozmiar miniatury, średni rozmiar i duży rozmiar). Może się jednak zdarzyć, że zechcesz użyć niestandardowych rozmiarów obrazów WordPress do celów projektowych lub do zarządzania wydajnością witryny.

Chociaż automatyczne kompresowanie obrazów WordPress ma być wygodą, może się skończyć tworzeniem zbyt wielu plików, które zajmują niepotrzebne miejsce i prowadzą do zbyt dużych kopii zapasowych. Na szczęście istnieją kroki, które możesz podjąć, aby temu zapobiec.

W tym poście odpowiemy na pytanie: „Dlaczego WordPress zmienia rozmiar moich obrazów?” Wyjaśnimy, dlaczego możesz chcieć uniemożliwić WordPressowi generowanie wielu rozmiarów obrazów WordPress i pokażemy, jak to zrobić. Zacznijmy!

Dlaczego WordPress generuje wiele rozmiarów obrazu

Mówiąc prościej, WordPress automatycznie zmienia rozmiar obrazów, aby pomóc Ci zaoszczędzić przepustowość i zapobiec konieczności ręcznej zmiany rozmiaru obrazów. Na przykład rozmiar obrazu, którego użyjesz do miniatury posta, znacznie różni się od tego, którego użyjesz do suwaka obrazu na stronie głównej. Generując dodatkowe rozmiary obrazów, WordPress ułatwia wybór najbardziej odpowiedniej opcji dla każdego przypadku użycia.

Jakie są standardowe rozmiary obrazów dla WordPressa?

Za każdym razem, gdy przesyłasz obraz do WordPress, tworzy on trzy nowe wersje, co daje cztery całkowite rozmiary. Domyślne rozmiary obrazów to:

• Rozmiar miniatury – 150 x 150 pikseli
• Średni rozmiar – 300 x 300 pikseli (maksymalnie)
• Duży rozmiar – 1024 x 1024 pikseli (maksymalnie)
• Pełny rozmiar – Oryginalny rozmiar obrazu

Rozmiary obrazów WordPress są podzielone w ten sposób, aby uprościć projektowanie stron internetowych. Nie musisz ręcznie zmieniać rozmiaru zdjęcia lub grafiki, aby użyć go jako, powiedzmy, polecanego obrazu — właściwy rozmiar obrazu już istnieje w WordPressie.

Kiedy zatrzymać WordPress przed generowaniem różnych rozmiarów obrazu?

Oprócz różnych rozmiarów obrazów generowanych przez WordPress, Twój motyw może również tworzyć kopie lub dodatkowe rozmiary obrazów, takie jak pokaz slajdów na stronie głównej lub polecane posty. Ta nadmiarowość może powodować problemy, takie jak wydłużenie czasu tworzenia kopii zapasowych lub wolniejsze ładowanie stron.

Z tego powodu zdarza się, że korzystne jest uniemożliwienie WordPressowi generowania obrazów o różnych rozmiarach. Jeśli chcesz zaoszczędzić miejsce, masz witrynę internetową z dużą ilością obrazów, taką jak witryna nieruchomości lub fotograficzna, lub po prostu nie korzystasz ze wszystkich tworzonych obrazów o różnych rozmiarach, być może dodajesz dodatkową masę do swojej witryny bez powodu.

Jak powstrzymać WordPress przed generowaniem kopii obrazów o różnych rozmiarach?

Teraz, gdy rozumiesz, dlaczego WordPress generuje obrazy o różnych rozmiarach i dlaczego warto temu zapobiec, nadszedł czas, aby zabrać się do pracy. Przyjrzyjmy się, jak powstrzymać WordPress przed generowaniem różnych rozmiarów obrazów w sześciu prostych krokach.

Krok 1: Połącz swoją witrynę z klientem FTP (aby określić, ile kopii obrazów jest tworzonych)

Pierwszym krokiem jest ustalenie, ile kopii WordPress generuje podczas przesyłania obrazu. Możesz to zrobić, łącząc się ze swoją witryną za pośrednictwem klienta FileTransfer Protocol (FTP) lub menedżera plików cPanel.

Jak wspomnieliśmy wcześniej, WordPress domyślnie generuje trzy kopie. Jednak motyw może również tworzyć własny zestaw rozmiarów obrazów dla suwaków itp. Dlatego ważne jest, aby dokładnie wiedzieć, jakie kopie są generowane.

Krok 2: Prześlij obraz do swojej witryny

Następnie prześlij obraz do swojej witryny z obszaru administracyjnego pulpitu WordPress i otwórz bibliotekę multimediów ( Media > Dodaj nowy ).

Kliknij Wybierz pliki , a następnie wybierz plik obrazu do przesłania.

Krok 3: Przejdź do katalogu przesyłania witryny

W Menedżerze plików lub kliencie FTP przejdź do katalogu „przesyłania” witryny. Będzie on zlokalizowany w folderze wp-contents . Znajdziesz tam wszystkie kopie Twoich istniejących obrazów, uporządkowane według dat:

Przynajmniej powinieneś znaleźć trzy rozmiary obrazów generowane przez WordPress. Jeśli jest ich więcej niż trzy, prawdopodobnie są to kopie utworzone przez Twój motyw WordPress (w powyższym przykładzie jest ich w sumie pięć).

Krok 4: Ustaw rozmiary obrazu na zero

Następnie przejdź do Ustawienia> Media w panelu administratora WordPress.

Znajdziesz tam domyślne ustawienia obrazu:

Zmień każdą z wartości rozmiarów obrazu na 0 (zakładając, że wszystkie są tymi, których nie będziesz używać). Po zakończeniu wybierz przycisk Zapisz zmiany u dołu strony.

Krok 5: Otwórz plik functions.php swojego motywu WordPress

Zatrzymałeś WordPress przed generowaniem wielu kopii istniejących obrazów, które przesyłasz. Jednak może być konieczne zatrzymanie motywu przed robieniem tego samego.

Aby to zrobić, przejdź do pliku functions.php dla swojego motywu WordPress.

Znajdziesz to w folderze /wp-contents/themes/ w katalogu Twojej witryny.

Krok 6: Usuń kod domyślnego rozmiaru obrazu

Gdy znajdziesz się w pliku functions.php , poszukaj linii kodu, które są podobne do tego:

add_image_size( 'strona-domowa-kciuk', 200, 160, prawda );

W zależności od używanego motywu może istnieć wiele wersji tego wiersza. Będziesz także chciał poszukać tych, które mówią „set_thumbnail_post_size”. Usuń te wiersze, a następnie zapisz zmiany.

Jak zatrzymać WordPress przed kompresją obrazów?

Oprócz zapobiegania generowaniu przez WordPress i Twój motyw obrazów o wielu rozmiarach, możesz również uniemożliwić im kompresowanie obrazów. Chociaż kompresja ma na celu zwiększenie wydajności bez obniżania jakości, nie zawsze tak jest.

Mając to na uwadze, oto jak powstrzymać WordPress przed kompresowaniem i przycinaniem obrazów w trzech prostych krokach.

Krok 1: Otwórz plik functions.php

Jeśli chcesz wyłączyć kompresję obrazu WordPress, pierwszym krokiem jest zlokalizowanie i otwarcie pliku functions.php motywu. Ponownie, możesz to zrobić, łącząc się ze swoją witryną za pośrednictwem klienta FTP lub uzyskując dostęp do Menedżera plików cPanel.

Krok 2: Zmień wartość zwrotu na 100

Po zlokalizowaniu i otwarciu pliku functions.php w katalogu motywu, po prostu dodaj następujący wiersz kodu:

add_filter('jpeg_quality', function($arg){return 100;});

Jeśli wolisz, możesz również zmienić wartość „zwrotu” na mniej niż 100.

Krok 3: Zapisz zmiany

Gdy skończysz, zapisz zmiany. Teraz WordPress przestanie automatycznie kompresować obrazy, a zamiast tego zachowa ich oryginalną jakość. Pamiętaj, że aby zobaczyć efekt, musisz zregenerować swoje miniatury.

Jak zoptymalizować obrazy WordPress

Optymalizacja obrazów dla Internetu polega na zmniejszeniu ogólnego rozmiaru pliku bez obniżania jakości obrazu. Ostatecznym celem jest witryna, która ładuje się szybciej; szybka strona internetowa poprawia SEO i przyciąga odwiedzających.

Najlepszym sposobem na optymalizację obrazów dla WordPressa jest wprowadzenie poprawek przed przesłaniem. Ten proces zwykle występuje w ustawieniach Zapisz lub Eksportuj w edytorze obrazów (takim jak Adobe Photoshop lub GIMP). Oto lista kontrolna, którą należy wykonać krok po kroku:

Krok 1: Zmniejsz wymiary obrazu

Jeśli Twój obraz ma 2000 x 2000 pikseli lub więcej, warto zmniejszyć wymiary przed przesłaniem go do WordPressa. Z wyjątkiem rzadkich przypadków zdjęcie w Twojej witrynie nie musi być tak duże. Ostateczne wymiary będą zależeć od zastosowania obrazu, ale obniżenie wysokości i szerokości do co najmniej 1200 pikseli to dobry początek.

Krok 2: Wybierz format obrazu

Ponieważ mniejsze rozmiary plików są idealne, wybór formatu ma kluczowe znaczenie. Podczas zapisywania obrazu unikaj wysokiej jakości plików TIFF, ponieważ rozmiar znacznie się zwiększa.

Zamiast tego trzymaj się PNG dla logo i grafiki oraz JPEG dla zdjęć. Chociaż pliki JPEG nieznacznie obniżają jakość obrazu, wynik jest niezauważalny w Internecie, a obraz ładuje się szybciej.

Krok 3: Wybierz stopień kompresji

Możliwości kompresji obrazu różnią się w zależności od oprogramowania. Jednak w większości przypadków szukasz menu rozwijanego lub suwaka o nazwie Jakość obrazu lub Kompresja . Zazwyczaj zobaczysz go podczas zapisywania zdjęcia.

Kompresja zmniejsza rozmiar pliku bez utraty jakości. Im większa kompresja, tym mniejszy plik. Wybranie niższej liczby dla jakości spełnia tę samą funkcję. 150 KB lub mniej to bezpieczny cel końcowy optymalizacji obrazu.

Wtyczki do optymalizacji obrazu

Alternatywnie możesz użyć wtyczki WordPress, aby zoptymalizować swoje obrazy po przesłaniu. Opcje takie jak Smush lub EWWW Image Optimizer pozwalają z łatwością kontrolować rozmiary obrazów.

Optymalizuj swoją witrynę dzięki WP Engine

Domyślnie WordPress automatycznie generuje wiele rozmiarów obrazów podczas procesu przesyłania. Jeśli jednak używasz motywu lub wtyczek, które również tworzą kopie obrazów, może to prowadzić do niepotrzebnie dużych kopii zapasowych i mniejszej ilości miejsca na dysku. Na szczęście możesz powstrzymać WordPress przed robieniem tego, ustawiając domyślne rozmiary obrazów na zero w ustawieniach multimediów.

Oczywiście to tylko jeden z wielu sposobów optymalizacji witryny WordPress. Jeśli chcesz ulepszyć całe cyfrowe wrażenia, dowiedz się, jak nasze najlepsze w swojej klasie plany hostingowe mogą pomóc Ci przenieść Twoją obecność w Internecie (i Twoich klientów) na wyższy poziom!