Подготовьте фото товаров: JPG с целевым размером и миниатюры WebP

Готовый процессПодготовлено: Обновлено 15 октября 2026 г.

Продажа одних товаров на площадке и собственном сайте требует двух комплектов фото. Площадкам нужны крупные чёткие снимки для увеличения: Etsy, например, рекомендует минимум 2000 пикселей по короткой стороне и менее 1 МБ. Собственные страницы быстрее с небольшими WebP. Имена product-01.jpg удобнее IMG_4821.HEIC. Процесс создаёт оба комплекта за запуск: общую квадратную обрезку, JPG до 2000 пикселей с целью 900 КБ, WebP до 800 пикселей и номера. Проверяйте статус цели и размеры: увеличение выключено, поэтому маленький оригинал может не достичь минимума площадки. Фотографии остаются на устройстве.

Процесс

Вы добавляетеДо 20 фотографий товаров (JPG, PNG, WebP, HEIC и другие)

Ветка 1

  1. Обрезка изображений

    Квадрат 1:1, обрезка по центру

    Квадрат удобен для многих сеток магазина; проверьте актуальные правила размещения. Общая обрезка сохраняет одинаковый кадр у фото и миниатюры. Снимайте товар по центру с запасом вокруг: края будут обрезаны.

  2. Изменение размера изображений

    До 2000 × 2000 пикселей, без увеличения

    2000 пикселей — выбранный размер, а не правило всех площадок. Маленькие фото сохраняют размер: увеличение не добавит деталей.

  3. Сжатие изображений

    JPG, цель 900 КБ на файл

    JPG широко принимается. При достижении цели 900 КБ остаётся запас до 1 МБ; проверьте каждый результат. Изменение размеров при сжатии выключено, поэтому сложное изображение может не достичь цели вместо потери нужных пикселей.

  4. Переименовать файлы

    product-01.jpg, product-02.jpg…

    Номера в порядке входных файлов упрощают сопоставление с товарами и заменяют непонятные другим имена вроде IMG_4821.

Ветка 2 · продолжение с шага 1, Обрезка изображений

  1. Изменение размера изображений

    До 800 × 800 пикселей, без увеличения

    В сетках магазина товары показываются в несколько сотен пикселей. 800 пикселей дают чёткость на плотном экране телефона при гораздо меньшем размере файла.

  2. Сжатие изображений

    WebP, качество 78

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

  3. Переименовать файлы

    product-01-thumb.webp…

    Те же номера связывают миниатюры с полноразмерными фото.

Вы получаетеКвадратные JPG до 2000 пикселей с целью 900 КБ и нумерованные миниатюры WebP до 800 пикселей

Пример с измерениями

Мы запустили этот процесс 1 октября 2026 года в настольном браузере Chromium на Mac с общедоступным демонстрационным фото Squoosh: красная панда вместо товара, но обычный JPG камеры 3872 × 2592 пикселя.

Оригинал2,79 МБJPG 3872 × 2592 пикселя
Фото для карточки491,6 КБJPG 2000 × 2000 пикселей, product-01.jpg
Миниатюра77,2 КБWebP 800 × 800 пикселей, product-01-thumb.webp

Фото карточки оказалось намного меньше цели 900 КБ: цель важнее для больших или детальных снимков. Миниатюра занимает 16% байтов основного файла. Листва и шерсть сжимаются хуже товара на простом фоне, поэтому ваши результаты будут другими.

Перед запуском

Проверьте текущие правила платформы: они меняются. Если нужен формат 4:3 или 4:5, выберите его в шаге обрезки изображения — оба результата последуют за ним. Если нужно больше пикселей, начните с достаточно большого оригинала, затем при необходимости увеличьте значение первого изменения размера. Одно повышение настройки не увеличит исходник при запрещённом увеличении. Лимит байтов проверяйте отдельно.

Добавьте фото в порядке будущей нумерации. В панели входных файлов стрелки вверх и вниз меняют порядок до запуска.

Как использовать процесс

  1. Выберите «Открыть этот процесс»: редактор откроется с двумя ветками после квадратной обрезки.
  2. Добавьте фото в панели входных файлов. Они читаются на устройстве без загрузки.
  3. Нажмите «Запустить процесс». Откройте обрезку изображений и проверьте кадр перед итоговыми файлами.
  4. Скачайте всё ZIP-архивом с папкой для каждого шага либо результаты двух шагов переименования.

Как настроить процесс

  • Нужен белый фон? Снимайте на нём и проверьте правила площадки. Обрезка и изменение размеров не удаляют сложный фон.
  • Не достигается 900 КБ? Детальным фото может требоваться больше. Повышайте цель или разрешите сжатию менять размеры.
  • После обрезки фото размыто? Товар занимал слишком малую часть кадра. Обрезайте меньше или снимайте ближе.

Изменение шага перезапускает только его и следующие шаги. Предыдущие результаты используются повторно, пока их файлы и настройки не изменились.

Вопросы

Фото товаров загружаются на сервер?

Нет. Чтение, обрезка, изменение размеров, сжатие и переименование идут в браузере. У Toolkitta нет сервера загрузки файлов.

Зачем два результата из одной обрезки?

Площадкам нужны большие фото для увеличения, своим страницам — маленькие. Общая квадратная обрезка сохраняет одинаковый кадр.

Можно использовать другие имена?

Да. Измените шаблон в шаге переименования: {name} сохраняет исходное имя, {date} добавляет сегодняшнюю дату.