Шпаргалка з розмірів зображень WordPress
Вичерпний довідник з розмірів зображень WordPress: кожен зареєстрований розмір і його реальні розміри, які з них жорстко обрізаються, поріг -scaled у 2560px, розміри WooCommerce і що завантажувати для кожної мети.
Подивіться на власному зображенні — відкрийте Image Size LabОсновні розміри
Зареєстровані в кожній стандартній інсталяції WordPress.
| Назва | Розмір | Обрізка | Можна редагувати в адмінці? |
|---|---|---|---|
| thumbnail | 150 × 150 | жорстка обрізка | Settings → Media |
| medium | 300 × 300 | вписування | Settings → Media |
| medium_large | 768w | вписування | Без інтерфейсу |
| large | 1024 × 1024 | вписування | Settings → Media |
| 1536x1536 | 1536 × 1536 | вписування | Без інтерфейсу |
| 2048x2048 | 2048 × 2048 | вписування | Без інтерфейсу |
medium_large (768w) і два retina-розміри взагалі не мають інтерфейсу в адмінці — з панелі керування ви й не здогадаєтеся про їхнє існування. А будь-яке завантаження, більше за 2560px по довшій стороні, також отримує копію -scaled, яку WordPress потім віддає замість вашого оригіналу.
Розміри WooCommerce
Додаються, коли WooCommerce активний. Налаштовуються в Appearance → Customize → WooCommerce → Product Images. Значення за замовчуванням змінювалися між версіями Woo, тож сприймайте їх як орієнтовні й перевіряйте у власній інсталяції.
| woocommerce_thumbnail | 300 × 300 | жорстка обрізка |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | жорстка обрізка |
Що насправді завантажувати
Рекомендації за призначенням — це не зареєстровані розміри, а просто розумні розміри вихідних зображень.
Покриває співвідношення для поширення в соцмережах і чисто зменшується для використання в темі. Найбезпечніший універсальний варіант.
Достатньо широкий для великих екранів і не перевищує поріг -scaled у 2560px, тож ваш оригінал віддається без змін.
Відповідає діапазону medium_large / large, який реально відображає більшість тем.
Завантажуйте більшим, ніж показуєте; WordPress чисто зменшує, але ніколи не збільшує.
WordPress вимагає щонайменше 512 × 512 і обрізає її до квадрата.
Співвідношення 1.91:1, яке очікують Facebook, LinkedIn і X. WordPress його не генерує; ваш SEO-плагін обирає найближчий розмір.
Поширені помилки та їхня справжня причина
Зображення виглядає розмитим після завантаження
Причина: Ваше зображення перевищувало 2560px по довшій стороні, тож WordPress створив копію "-scaled" і віддає її замість вашого оригіналу.
Рішення: Вимкніть або підвищте big_image_size_threshold, або завантажуйте менше за 2560px.
Мініатюра обрізає голови
Причина: thumbnail за замовчуванням жорстко обрізається до квадрата 150 × 150 по центру — усе, що не в центрі, обрізається.
Рішення: Завантажуйте із розташуванням об'єкта по центру або зареєструйте власний розмір з іншою обрізкою.
Папка завантажень величезна
Причина: WordPress зберігає по одному файлу на кожен зареєстрований розмір. Ядро створює 6 плюс оригінал; тема та WooCommerce додають ще.
Рішення: Припиніть генерувати розміри, які ви не використовуєте, за допомогою intermediate_image_sizes_advanced.
Відсутня версія large / 1536 / 2048
Причина: WordPress ніколи не збільшує. Якщо ваше завантаження менше за розмір, цей розмір просто не генерується.
Рішення: Завантажте більше вихідне зображення.
Адаптивні зображення (srcset) виглядають низькоякісними
Причина: Розмір, від якого залежить srcset — зазвичай medium_large (768w) — було видалено.
Рішення: Залиште medium_large; він існує головно для того, щоб живити srcset.