Optymalizacja obrazów dla wtyczki WordPress Elementor

Koncepcja modułowych bloków tworzących posty i strony WordPress pojawiła się wraz z Gutenbergiem, ale tak naprawdę sam WordPress ma strukturę modułową. Weźmy na przykład bibliotekę multimediów WordPress. Możesz przesyłać obrazy i używać ich w postach lub na stronach, niezależnie od używanego edytora. W tym artykule skupiamy się szczególnie na Elementorze i sposobie optymalizacji obrazów za pomocą ImageRecycle.

Podobnie jak Gutenberg, Elementor jest edytorem Wordpress, który pozwala tworzyć posty lub strony, jednocześnie sprawdzając, jak będą wyglądać w oczach czytelników. Struktura Elementora jest również podobna do struktury Gutenberga, ponieważ wykorzystuje znaną już koncepcję bloków. Dzięki temu korzystanie z biblioteki multimediów WordPress jest jeszcze łatwiejsze, także podczas dodawania zoptymalizowanych obrazów. Najpierw jednak: jak zoptymalizować obrazy w WordPress?

Optymalizacja obrazów za pomocą ImageRecycle

Jeśli nigdy nie korzystałeś z ImageRecycle , optymalizacja obrazów WordPress jest szybkim i łatwym procesem. Najpierw musisz pobrać i zainstalować ImageRecycle na swojej stronie WordPress. Po zainstalowaniu wtyczki przejdź do jej konfiguracji w ustawień i wprowadź klucz API oraz sekret. Zapisz zmiany, a jeśli klucz i sekret pasują, możesz natychmiast rozpocząć optymalizację obrazów.

ImageRecycle można uzyskać z multimediów . Ta strona jest prosta i dość łatwa w użyciu. Zawiera listę wszystkich obrazów w bibliotece multimediów, ich rozmiary i współczynniki kompresji. Możesz kliknąć optymalizacji obok poszczególnych obrazów, aby je skompresować, lub optymalizacji wszystkich , aby zoptymalizować wszystkie obrazy na raz.

Wiele z tego, co dzieje się podczas kompresji, zależy od ustawień ImageRecycle ImageRecycle Można na przykład wybrać najlepszą kompresję zapisu lub oryginalną jakość, która może skompresować obrazy odpowiednio o 80% i 20%. Więcej o różnicach pomiędzy tymi dwoma trybami możesz przeczytać tutaj .

Niezależnie od wybranego trybu optymalizacji, obrazy te są zapisywane w Bibliotece multimediów WordPress, co oznacza, że ​​możesz ich używać w swoich postach i stronach… niezależnie od używanego edytora. W dalszej części tego artykułu skupiamy się na jednym konkretnym edytorze: Elementor.

Korzystanie ze zoptymalizowanych obrazów w Elementorze

Elementor to potężny edytor postów i stron WordPress. Podobnie jak Gutenberg organizuje treść w bloki, z których każdy reprezentuje inny element. Jak wiastrona głównao, żadna strona internetowa nie jest kompletna bez obrazów, a w Elementorze nie brakuje bloków obrazów. Tutaj z pomocą przychodzi Biblioteka multimediów.

Zaczęliśmy artykuł od wyjaśnienia, że ​​sam WordPress jest raczej modułowy i w tym miejscu wszystko się ze sobą łączy. Skąd Elementor miałby pobierać obrazy, jeśli nie z Biblioteki multimediów? Oznacza to, że ta sama biblioteka multimediów WordPress, którą właśnie zoptymalizowałeś za pomocą ImageRecycle.

Korzystanie ze skompresowanych obrazów ImageRecyclew Elementorze jest tak proste, jak przeciągnięcie i upuszczenie dowolnego bloku obrazu — niezależnie od tego, czy jest to obraz podstawowy, karuzela, galeria czy cokolwiek innego — i załadowanie obrazów. Wybierasz obrazy bezpośrednio z biblioteki multimediów WordPress, która automatycznie ładuje skompresowane obrazy.

WordPress jest zasadniczo modułowy i szkoda byłoby go nie wykorzystać. ImageRecycle łączy się z dowolnym edytorem, którego używasz, nie wpływając na przepływ pracy. Wszystko, co musisz zrobić, to zoptymalizować obrazy i wstawić je później do swojego bloga, co pozwoli zoptymalizować doświadczenie czytelników WordPress, niezależnie od używanego edytora.