Zdjęcia to zwykle największa część wagi strony. Dobrze przygotowane obrazy przyspieszają stronę bardziej niż wiele innych zabiegów. W tej kategorii są wtyczki do kompresji i nowoczesnych formatów, do obsługi SVG, porządku w bibliotece mediów, galerii, sliderów i plików PDF.
Jak wybrać narzędzia
- Wymiary przed kompresją – zdjęcie z telefonu jest kilka razy większe niż potrzeba.
- Nowoczesny format – WebP lub AVIF ważą mniej przy podobnej jakości.
- Limity usług w chmurze – darmowe plany mają miesięczne limity.
- Jedno narzędzie do obrazów – dwa kompresują podwójnie i się gryzą.
Nasze typy
Bez miesięcznych limitów, jeśli hosting na to pozwala, kompresuje EWWW Image Optimizer. Najprostszy w obsłudze jest Imagify, a sam WebP bez zmian w bibliotece doda polski Converter for Media. Ochroną przed ogromnymi zdjęciami wgrywanymi przez pracowników jest Imsanity. Logo w SVG bezpiecznie wgrasz dzięki Safe SVG, a podmianę cennika w PDF bez zmiany adresu umożliwi Enable Media Replace.
Na co uważać
Slidery i galerie wyglądają efektownie, ale umieszczone na górze strony spowalniają to, co klient widzi jako pierwsze. Pliki SVG to kod, a nie zwykłe obrazki – wgrywaj je tylko z wtyczką, która je oczyszcza, i tylko jako administrator. Przy nowych formatach sprawdź, czy cache i CDN podają je właściwym przeglądarkom.
Przygotowanie zdjęć przed wgraniem
Najlepsze efekty daje praca jeszcze przed wgraniem zdjęcia na stronę. Przytnij kadr do proporcji, w jakich zdjęcie będzie wyświetlane, zmniejsz je do rozsądnej szerokości i nadaj plikowi nazwę opisującą zawartość, np. lazienka-po-remoncie-krakow.jpg. W bibliotece mediów uzupełnij tekst alternatywny – krótki opis tego, co widać na zdjęciu. Pomaga to osobom korzystającym z czytników ekranu i wyszukiwarce grafik. Wtyczka do kompresji dokończy resztę, ale nie poprawi złego kadru, nieostrego zdjęcia ani przypadkowej nazwy pliku.
Przy pracy z wieloma zdjęciami pomaga też porządek w bibliotece mediów: foldery, opisowe nazwy i usuwanie nieużywanych plików. Duża, zaśmiecona biblioteka spowalnia panel, wydłuża kopie zapasowe i utrudnia znalezienie właściwego zdjęcia, gdy trzeba szybko zaktualizować stronę usług.
Częste błędy
- Zdjęcia wgrywane prosto z aparatu, bez zmniejszenia.
- Najmocniejsza kompresja na zdjęciach produktów lub portfolio.
- Leniwe ładowanie włączone także dla pierwszego, największego obrazu.
- Brak tekstów alternatywnych i nazwy plików typu IMG_1234.
Niżej zebraliśmy wszystkie wtyczki do obrazów, galerii i mediów z katalogu.
Wszystkie wtyczki w tej kategorii
SVG SupportPozwala wgrywać pliki SVG do biblioteki mediów z oczyszczaniem kodu i opcjonalnym wstawianiem grafiki w treść strony.W porządku 1 mln+ instalacji
Safe SVGBezpieczne wgrywanie plików SVG z oczyszczaniem kodu, optymalizacją i podglądem w bibliotece mediów.W porządku 1 mln+ instalacji
Image Optimizer (Elementor)Kompresja obrazów i konwersja do WebP lub AVIF od twórców Elementora. Optymalizacja odbywa się w chmurze, z limitem w darmowym planie.W porządku 1 mln+ instalacji
EWWW Image OptimizerOptymalizacja obrazów bez limitu w trybie lokalnym, konwersja do WebP i leniwe ładowanie. Usługi w chmurze są płatne.W porządku 1 mln+ instalacji
Regenerate ThumbnailsTworzy na nowo miniatury obrazów w rozmiarach wymaganych przez motyw, np. po zmianie motywu lub ustawień mediów.Ostrożnie 1 mln+ instalacji
SmushKompresja obrazów, leniwe ładowanie i zmiana wymiarów zbyt dużych zdjęć. WebP, AVIF i CDN są w wersji Pro.W porządku 1 mln+ instalacji
ImagifyKompresja zdjęć i konwersja do WebP lub AVIF od twórców WP Rocket. Optymalizacja w chmurze, z miesięcznym limitem za darmo.W porządku 900 tys.+ instalacjiSmart Slider 3Kreator sliderów i karuzel z edytorem warstw: tekst, przyciski, obrazy i filmy na slajdach, bez kodu.W porządku 800 tys.+ instalacji
Enable Media ReplacePodmienia obraz lub plik w bibliotece mediów na nowy pod tym samym adresem, bez usuwania i ponownego wstawiania.W porządku 600 tys.+ instalacji
Converter for Media (WebP i AVIF)Konwertuje obrazy do WebP i AVIF i podaje je przeglądarkom zamiast JPEG i PNG. WebP lokalnie za darmo, AVIF w wersji Pro.W porządku 500 tys.+ instalacjiMetaSliderSlider i karuzela zdjęć tworzone z biblioteki mediów, z prostym edytorem. Filmy z serwisów zewnętrznych w wersji Pro.W porządku 500 tys.+ instalacji
Font AwesomeOficjalna wtyczka ikon Font Awesome: wstawianie ikon blokiem lub krótkim kodem, wersja Free lub Pro z kontem.W porządku 400 tys.+ instalacji
NextGEN GalleryRozbudowany system galerii zdjęć: albumy, pokazy slajdów, miniatury, lightbox. Funkcje dla fotografów w wersji Pro.W porządku 300 tys.+ instalacjiWebP ExpressKonwertuje obrazy JPEG i PNG do WebP na serwerze i podaje je przeglądarkom, które je obsługują. Darmowa, z wieloma metodami.Ostrożnie 300 tys.+ instalacji
PDF EmbedderWyświetla pliki PDF bezpośrednio na stronie w przeglądarce dokumentu, zamiast linku do pobrania.W porządku 300 tys.+ instalacji
ShortPixel Image OptimizerKompresja zdjęć i PDF, konwersja do WebP i AVIF, zmiana wymiarów. Optymalizacja w chmurze, darmowy limit miesięczny.W porządku 300 tys.+ instalacji
FileBird – foldery w bibliotece mediówPorządkuje bibliotekę mediów w foldery metodą przeciągnij i upuść. Nowość: foldery także dla stron i wpisów.W porządku 200 tys.+ instalacjiImsanityAutomatycznie zmniejsza zbyt duże zdjęcia przy wgrywaniu do ustalonych wymiarów i jakości. Prosta i lekka.W porządku 200 tys.+ instalacji
Force Regenerate ThumbnailsUsuwa stare rozmiary miniatur i tworzy je od nowa. Mocniejsza wersja zwykłej regeneracji miniatur.Ostrożnie 200 tys.+ instalacji
Favicon by RealFaviconGeneratorTworzy komplet ikon strony (favicon) dla przeglądarek, iPhone'a, Androida i Windowsa z jednego obrazu.W porządku 200 tys.+ instalacji
Skyboot Custom Icons for ElementorDodaje do Elementora kilkanaście tysięcy ikon z wielu zestawów do wyboru w widżetach.W porządku 200 tys.+ instalacji
Use Any FontWgrywanie własnych krojów pisma lub wybór z dużej biblioteki, z przypisaniem do elementów strony bez CSS.W porządku 200 tys.+ instalacji
Fonts Plugin (Google Fonts, Adobe Fonts)Zmiana krojów pisma na stronie z podglądem na żywo: Google Fonts, Adobe Fonts i własne pliki, z opcją ładowania lokalnego.W porządku 200 tys.+ instalacji
Firelight Lightbox (dawniej Easy FancyBox)Powiększanie zdjęć, filmów i treści w oknie nad stroną (lightbox), automatycznie dla linków do obrazów.W porządku 200 tys.+ instalacji
OptimoleOptymalizacja obrazów w chmurze z dostarczaniem przez CDN, automatycznym dopasowaniem rozmiaru, WebP, AVIF i leniwym ładowaniem.W porządku 200 tys.+ instalacji
DearFlip – flipbook PDFZamienia PDF w interaktywną książkę z przewracanymi stronami (flipbook 3D) albo prosty podgląd dokumentu.W porządku 200 tys.+ instalacji
Nic nie znaleźliśmy. Spróbuj innego słowa.