Какой размер изображения лучше всего подходит для товаров WooCommerce

Если вы управляете магазином на WooCommerce, то уже знаете, как важны изображения товаров. Они помогают людям принять решение о покупке. Но иногда, даже если вы загружаете хорошее изображение, WooCommerce выдает сообщение об ошибке, например:

«Размер изображений, перечисленных ниже, изменяется, чтобы они соответствовали контейнеру. Чтобы изображения не были слишком большими или размытыми, старайтесь подбирать их размер под размер контейнера».

Давайте разберёмся и узнаем, как это исправить, выполнив несколько простых шагов.

Почему вы видите это предупреждение об изменении размера изображения?

Это сообщение указывает на то, что размер вашего изображения не соответствует размеру, который WooCommerce ожидает увидеть в определённом месте, например на миниатюре или странице товара.

Например:

• Вы загружаете изображение, которое слишком большое или имеет форму, отличную от той, что требуется для темы.
• WooCommerce пытается разместить это изображение в блоке, для которого оно предназначено.
• Из-за изменения размера изображение может выглядеть размытым или растянутым.

Вот почему вы получаете это сообщение.

Вам нужны изображения разных размеров?

Нет. Вы можете использовать одно изображение для своего товара, которое будет работать во всех разделах. Но вам нужно выбрать правильный размер с самого начала.

WooCommerce использует разные типы изображений:

• Центральное изображение (на страницах товаров)
• Изображение из каталога (на страницах магазина)
• Миниатюра (в корзине, в разделе сопутствующих товаров и т. д.)

Если вы используете только одно изображение и хотите, чтобы оно хорошо смотрелось везде, выберите размер, который подходит для всех мест.

Какой размер изображения лучше всего подходит для WooCommerce?

Большинство экспертов и сама WooCommerce рекомендуют:

800 x 800 пикселей
(это ширина и высота в пикселях)

Этот размер подходит для:

• Основные изображения товара
• Изображения из каталога
• Миниатюры

Вы также можете увеличить разрешение, например до 1000 x 1000 или 1080 x 1080, если хотите добиться большей четкости.

Совет: квадратные изображения (одинаковой ширины и высоты) лучше всего смотрятся в большинстве тем.

А как насчет 720 x 1080?

Вы упомянули разрешение 720 x 1080. Это не квадрат.

Его можно использовать, если:

• Ваша тема поддерживает портретные изображения.
• Ваш макет не обрезает их слишком сильно.

Но если WooCommerce или ваша тема изменят размер изображения, вы всё равно можете увидеть предупреждения или размытие. Поэтому безопаснее использовать квадратное изображение, например 800 x 800 или 1080 x 1080.

По-прежнему появляются ошибки при изменении размера?

Попробуйте выполнить следующие действия:

1. Проверьте настройки изображения в WooCommerce

Перейдите на: Панель управления WordPress> WooCommerce> Настройки> Продукты> Дисплей

Найдите там размеры изображений. Сопоставьте размер загружаемых изображений с этими цифрами.

2. Создайте новые эскизы

Если вы изменили настройки изображения или тему, восстановите миниатюры с помощью плагина, подобного:
“Regenerate Thumbnails” от Alex Mills.

Это позволяет изменить размер всех изображений.

3. Используйте онлайн-инструменты для изменения размера изображений

Если ваши изображения большие или размытые, исправьте их перед загрузкой.

• TinyPNG
• ILoveIMG

Загрузите изображение, установите размер 800 x 800 пикселей, а затем загрузите его для WooCommerce.

4. Избегайте больших изображений

Большие изображения могут замедлять работу вашего сайта. Старайтесь, чтобы размер файлов изображений не превышал 500 КБ.

Советы для достижения наилучших результатов

• Используйте формат JPG или PNG.
• Если не уверены, выбирайте квадратные изображения.
• Сжимайте перед загрузкой.
• Размер загружаемого файла должен соответствовать настройкам изображений в WooCommerce.

Вопросы и ответы

Вопрос 1. Почему WooCommerce сообщает, что размер моего изображения изменяется?
Это происходит, когда размер вашего изображения не соответствует требованиям WooCommerce. Платформа корректирует размер, что может привести к снижению качества.

Вопрос 2. Какой размер изображения является наиболее безопасным для всех разделов WooCommerce?
Размер изображения 800 x 800 пикселей — хороший выбор. Он подходит для миниатюр, каталога и страниц товаров.

Вопрос 3. Можно ли использовать портретное изображение, например 720 x 1080?
Да, но из-за вашей темы изображение может обрезаться или растягиваться. Квадратные изображения более универсальны.

Вопрос 4: Нужно ли загружать файлы разного размера для разных страниц?
Нет. Вы можете загрузить одно оптимизированное изображение, а WooCommerce сделает всё остальное, если размер подходит.