Ściąga z rozmiarami obrazów WordPress
Kompletne kompendium rozmiarów obrazów WordPress: każdy zarejestrowany rozmiar i jego rzeczywiste wymiary, które przycinają na sztywno, próg -scaled 2560px, rozmiary WooCommerce oraz co przesyłać w każdym przypadku.
Zobacz to na własnym obrazie — otwórz Image Size LabRozmiary podstawowe
Zarejestrowane w każdej standardowej instalacji WordPress.
| Nazwa | Rozmiar | Przycięcie | Edytowalne w panelu? |
|---|---|---|---|
| thumbnail | 150 × 150 | twarde przycięcie | Settings → Media |
| medium | 300 × 300 | dopasowanie | Settings → Media |
| medium_large | 768w | dopasowanie | Brak interfejsu |
| large | 1024 × 1024 | dopasowanie | Settings → Media |
| 1536x1536 | 1536 × 1536 | dopasowanie | Brak interfejsu |
| 2048x2048 | 2048 × 2048 | dopasowanie | Brak interfejsu |
medium_large (768w) oraz dwa rozmiary retina w ogóle nie mają interfejsu w panelu — z kokpitu nie dowiesz się, że istnieją. A każdy plik przesłany o dłuższej krawędzi powyżej 2560px otrzymuje dodatkowo kopię -scaled, którą WordPress serwuje następnie zamiast Twojego oryginału.
Rozmiary WooCommerce
Added when WooCommerce is active. Configure under Appearance → Customize → WooCommerce → Product Images. Defaults have shifted between Woo versions, so treat these as indicative and check your own install.
| woocommerce_thumbnail | 300 × 300 | twarde przycięcie |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | twarde przycięcie |
Co właściwie przesłać
Wskazówki według przeznaczenia — to nie są zarejestrowane rozmiary, tylko rozsądne wymiary źródłowe.
Pokrywa proporcje do udostępniania w mediach społecznościowych i ładnie zmniejsza się na potrzeby motywu. Najbezpieczniejsza pojedyncza wartość domyślna.
Wystarczająco szeroki dla dużych ekranów, poniżej progu -scaled wynoszącego 2560px, więc Twój oryginał jest serwowany w niezmienionej postaci.
Odpowiada zakresowi medium_large / large, który faktycznie wyświetla większość motywów.
Przesyłaj je większe, niż je wyświetlasz; WordPress czysto zmniejsza, ale nigdy nie powiększa.
WordPress wymaga minimum 512 × 512 i przycina ją do kwadratu.
Proporcje 1.91:1, których oczekują Facebook, LinkedIn i X. WordPress tego nie wygeneruje; Twoja wtyczka SEO wybiera najbliższy rozmiar.
Częste błędy i ich rzeczywista przyczyna
Obraz jest rozmyty po przesłaniu
Przyczyna: Twój obraz miał ponad 2560px na dłuższej krawędzi, więc WordPress utworzył kopię „-scaled” i serwuje ją zamiast Twojego oryginału.
Rozwiązanie: Wyłącz lub podnieś big_image_size_threshold albo prześlij plik poniżej 2560px.
Miniatura obcina głowy
Przyczyna: thumbnail domyślnie twardo przycina do kwadratu 150 × 150, od środka — wszystko poza środkiem zostaje obcięte.
Rozwiązanie: Prześlij obraz z obiektem wyśrodkowanym albo zarejestruj własny rozmiar z innym przycięciem.
Folder uploads jest ogromny
Przyczyna: WordPress zapisuje jeden plik na każdy zarejestrowany rozmiar. Rdzeń tworzy 6 plus oryginał; motyw i WooCommerce dodają kolejne.
Rozwiązanie: Przestań generować nieużywane rozmiary za pomocą intermediate_image_sizes_advanced.
Brakuje wersji large / 1536 / 2048
Przyczyna: WordPress nigdy nie powiększa. Jeśli przesłany plik jest mniejszy niż dany rozmiar, ten rozmiar po prostu nie zostaje wygenerowany.
Rozwiązanie: Prześlij większy obraz źródłowy.
Obrazy responsywne (srcset) wyglądają na niskiej jakości
Przyczyna: Rozmiar, od którego zależy srcset — zwykle medium_large (768w) — został usunięty.
Rozwiązanie: Zachowaj medium_large; istnieje głównie po to, by zasilać srcset.