Шпаргалка по размерам изображений 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 обрезает головы
Причина: thumbnail по умолчанию жёстко обрезается до квадрата 150 × 150 по центру — всё, что не по центру, обрезается.
Решение: Загружайте изображение с объектом по центру или зарегистрируйте свой размер с другой обрезкой.
Папка загрузок огромного размера
Причина: WordPress хранит по одному файлу на каждый зарегистрированный размер. Ядро создаёт 6 плюс оригинал; тема и WooCommerce добавляют ещё.
Решение: Прекратите генерировать неиспользуемые размеры с помощью intermediate_image_sizes_advanced.
Версия large / 1536 / 2048 отсутствует
Причина: WordPress никогда не увеличивает изображения. Если загруженный файл меньше нужного размера, этот размер просто не создаётся.
Решение: Загрузите исходное изображение большего размера.
Адаптивные изображения (srcset) выглядят некачественно
Причина: Размер, от которого зависит srcset — обычно medium_large (768w) — был удалён.
Решение: Не удаляйте medium_large; он существует в основном для srcset.