Гид по e-commerce

Руководство по размерам изображений Shopify 2026

Спецификации изображений товаров, коллекций и тем Shopify — плюс бесплатные локальные инструменты для экспорта готовых к листингу файлов.

Автор: Редакция FreeMake.ccПоследнее обновление:

Руководство по размерам изображений Shopify 2026
Автор: Редакция FreeMake.cc
Последнее обновление:
Проверено: Редакция FreeMake.cc

Ссылки: Рекомендации Shopify по изображениям темы

Размеры изображений Shopify — кратко

Тип изображенияМинимумРекомендуетсяСоотношение сторонФормат
Изображение товара800×800px2048×2048px1:1JPEG, PNG, WebP
Баннер коллекции1200×400px1200×400px3:1JPEG, PNG
Hero слайдшоу1200×600px1920×900px~2,13:1JPEG, PNG
Изображение записи блога1200×630px1200×630px~1,91:1JPEG, PNG

Сценарии магазина: изображения для Shopify без догадок

Фото поставщика мягкие на Retina

600×600 JPEG с фабрики — Shopify принимает, но сетка и zoom на телефонах размыты.

  1. Проверьте ширину в пикселях — ниже 800px лучше переснять.
  2. Чистый кроп 1:1, экспорт 2048×2048 JPEG.
  3. Лёгкое сжатие, разумный размер файла.
  4. Замените медиа в admin, проверьте на mobile.
Открыть resize для e-commerce

Неровная сетка collection

Portrait и квадрат вперемешку — темы вроде Dawn тянут по-разному.

  1. Миниатюры каталога (1:1) отдельно от баннеров (3:1).
  2. Batch-кроп в квадрат перед upload.
  3. Banner collection только 1200×400 (или spec темы).
  4. Обновите страницу collection, проверьте tablet.
Открыть resize для e-commerce

Скорость темы упала после обновления каталога

2048×2048 по 3–5 МБ — Lighthouse ругается на LCP.

  1. Сохраните 2048px по стороне.
  2. Локальное сжатие hero JPEG.
  3. Один product URL в PageSpeed.
  4. Тот же preset на весь каталог.
Открыть сжатие

Частые ошибки изображений Shopify

  1. Загрузка маленьких фото поставщика

    Ниже 800px выглядит размыто на Retina. Увеличьте или переснимите, затем измените размер до 2048×2048 для чётких страниц товаров.

  2. Несогласованные соотношения в коллекции

    Смешанные пропорции ломают сетку. Обрежьте до 1:1 для миниатюр каталога и используйте отдельные баннеры для hero-слотов.

  3. Слишком большие файлы замедляют тему

    JPEG-изображения размером 2048px могут занимать несколько мегабайт. Сжимайте их после изменения размера, чтобы поддерживать показатели Core Web Vitals в хорошем состоянии.

  4. Загруженные фоны на каталожных снимках

    Чистые вырезки конвертируют лучше. Используйте белый фон или удаление фона перед публикацией.

  5. Один master на все слоты

    2048×2048 растянутый в banner размывает текст. Отдельный export на слот — см. таблицу.

FAQ по изображениям Shopify

Какой лучший размер изображения товара Shopify?
Shopify рекомендует до 2048×2048px квадратные изображения для медиа товаров.
Поддерживает ли Shopify WebP?
Да для медиа товаров во многих темах. JPEG остаётся самым безопасным кросс-темным форматом.
Как исправить медленные страницы товаров?
Измените размер до нужных габаритов, сожмите JPEG и не загружайте оригиналы 5 МБ+.
Размер banner collection?
1200×400px безопасно для многих тем. Проверьте docs — slideshow может хотеть 1920×900px.
Квадрат или portrait для товаров?
1:1 держит сетку ровной. Portrait только где тема это ждёт.
Большие файлы вредят SEO Shopify?
Важна скорость страницы. Верные размеры + умеренный вес помогают Core Web Vitals.

Экспорт изображений для Shopify

Используйте инструменты FreeMake.cc локально в браузере — файлы не покидают ваше устройство.

  1. 1. Изменить размер под Shopify
  2. 2. Сжать JPEG товаров
  3. 3. Добавить белый фон

Похожие статьи