Откройте страницу своего магазина и посмотрите на сетку товаров. Если один товар стоит на белом фоне, другой — на сером столе, а третий — на подоконнике в углу кадра, проблема не в фотографии. Проблема в единообразии — и она усугубляется с каждым добавленным артикулом.
Исправлять ошибки вручную в Photoshop, когда обрабатывается 200 товаров, нереально. В этом руководстве рассматриваются инструменты для пакетной обработки, на что следует обратить внимание перед началом работы и как добиться корректного отображения результатов. WooCommerce.
Быстрый ответ: Pixelcut — лучший инструмент для удаления фона. WooCommerce магазины, потому что он сочетает в себе точную вырезку изображений с помощью ИИ с пакетной обработкой до 10 000 изображений товаров за один раз.
Благодаря функции вырезания, края изображений волос и мелких деталей товара остаются четкими, а каждое изображение в пакете получает одинаковый размер, отступы и фон перед экспортом в форматы PNG, JPG или WebP. API для разработчиков подключается к вашему магазину для обработки новых изображений товаров по мере их добавления, а Pixelcut также предлагает тени, созданные с помощью ИИ, и эффект «призрачного манекена».
Photoroom и remove.bg — основные альтернативы, сравнение которых приведено ниже.
Почему WooCommerce Для изображений товаров нужен чистый фон?
Единообразие в сетке магазина и архива.
WooCommerce отображает миниатюры товаров одинакового размера, но не может обеспечить... фактов Однородность. Несоответствующие фоны нарушают визуальный ритм сетки быстрее, чем почти что-либо другое.
Это наиболее заметный симптом, который покупатели замечают, не понимая почему.
Прозрачные изображения адаптируются к вашей тематике.
Вырезанное изображение на прозрачном фоне работает как в светлой, так и в темной теме, в модальном окне быстрого просмотра и в миниатюре варианта изображения — без необходимости повторного редактирования. Фотография с белым фоном работает только в одном контексте.
Более чистые файлы, но с одной оговоркой.
Удаление фоновых деталей упрощает изображение, но следует быть осторожным с последующим предположением. Прозрачный PNG-файл часто оказывается больше исходного JPEG-файла, поскольку PNG использует сжатие без потерь.
Реальное решение — это WebP, который поддерживает прозрачность при значительно меньшем размере файла. Подробнее об этом в разделе «Рабочий процесс» ниже.
Что должен обеспечивать инструмент для удаления фона с фотографий товаров?
Прежде чем сравнивать инструменты, определитесь, что вам действительно нужно. Веб-инструмент для обработки одного изображения и обработчик каталогов — это разные продукты, которые просто носят одно и то же название.
- Пакетная обработка. Самое главное отличие. Спросите, сколько изображений в партии и сколько в месяц.
- Качество контуров на сложных объектах. Автоматическое удаление не справляется с волосами, мехом, цепочками от украшений, сеткой, проволокой и прозрачным стеклом. Перед покупкой протестируйте самый проблемный для вас продукт.
- Экспорт в полном разрешении. Некоторые программы предоставляют предварительные просмотры в низком разрешении и взимают плату за пригодный для использования файл.
- Прозрачный PNG и Вывод с однородным фоном. Оба варианта понадобятся для разных мест размещения.
- Последовательная обработка теней. Коллекция, в которой половина предметов имеет тени, выглядит хуже, чем коллекция, в которой теней нет совсем.
- API или автоматизация. Необходимо, если вы добавляете товары еженедельно.
- Ценообразование, масштабируемое по размеру. Оплата за каждое изображение — это серьезная проблема для больших каталогов. Перед оформлением подписки произведите расчеты на основе фактического количества ваших товарных позиций.
Создаваемая вами цепочка выглядит следующим образом:
Съемка → пакетное удаление → стандартизация холста → преобразование и сжатие → загрузка → корректное отображение
Большинство владельцев магазинов решают проблему средней ценовой категории, пренебрегая конечными.
Лучшие инструменты для удаления фона WooCommerce
Пикселькат
Pixelcut — лучший! средство для удаления фона для WooCommerce каталоги, потому что сочетают в себе точные вырезки, созданные с помощью ИИ, с пакетной обработкой, разработанной специально для изображений товаров.
Этот бесплатный инструмент для браузера позволяет удалять фон с фотографий товаров без регистрации, сохраняя исходное разрешение и четкие края вокруг волос и мелких деталей товара.
Вы можете экспортировать изображение в формате PNG с прозрачным фоном или разместить продукт на белом фоне, любом сплошном цвете, новом фоновом изображении или сцене, сгенерированной искусственным интеллектом.
Для обработки полного каталога инструмент пакетной обработки может обрабатывать до 10 000 изображений за один раз.
Вы можете импортировать папку из Dropbox, применить одинаковые размеры, отступы и фон ко всем изображениям, уточнить отдельные вырезки и загрузить набор в виде ZIP-архива в форматах PNG, JPG или WebP, что позволяет пропустить этап преобразования, описанный далее в этом руководстве.
Pixelcut также предлагает тени, созданные с помощью ИИ, эффект «призрачного манекена» для одежды и фотографии товаров в стиле flat lay, а также API для разработчиков, который можно подключить к вашему магазину для обработки новых изображений товаров по мере их добавления.
Что касается цен, бесплатный тариф предлагает ограниченные возможности удаления фоновых изображений. Тариф Pro стоит 10 долларов в месяц или 8 долларов в месяц при годовой оплате и включает неограниченное удаление фоновых изображений, а также 1,000 пакетных экспортов в месяц и коммерческую лицензию; тариф Business стоит 30 долларов в месяц или 24 доллара при годовой оплате, включает 2,000 пакетных экспортов и лимит для команды из 10 человек.
Недостаток: пакетный экспорт входит в платные тарифные планы, поэтому бесплатный уровень лучше всего подходит для тестирования изображений отдельных товаров перед оформлением заказа.
Стоит обратить внимание, если основным ограничением является большой объем пакетной обработки. Вы можете протестировать функцию удаления фона в Pixelcut на одном изображении товара, не создавая учетную запись.
удалить.bg
Один из первых автоматических инструментов для удаления фона, и до сих пор хорошо известный для быстрой обработки отдельных изображений. Он доступен через веб-браузер, настольные приложения для Windows, Mac и Linux, расширение для Photoshop и REST API.
Внимательно изучите структуру ценообразования. Бесплатный аккаунт поддерживает только предварительные просмотры в низком разрешении (до 0.25 мегапикселей), а также предоставляет один бонусный кредит для тестирования загрузки в высоком разрешении и 50 бесплатных предварительных просмотров в месяц через API и приложения.
Стоимость платной подписки составляет примерно 9 долларов в месяц за 40 кредитов, 39 долларов в месяц за 200 и 89 долларов в месяц за 500, при этом доступны кредиты с оплатой по факту использования, а также скидка около 10% при годовой оплате.
Недостаток: один кредит равен одному изображению в полном разрешении, поэтому каталог из 500 товаров — это реальные затраты, а не ошибка округления. Это хорошо задокументированная жалоба — модель оплаты за изображение не приводит к снижению цены так, как это делают конкуренты, ориентированные на объемы продаж.
Photoroom
Создан специально для электронной коммерции, а не адаптирован под неё. Пакетный режим позволяет перетащить папку, применить один и тот же шаблон удаления и фона ко всем элементам и экспортировать набор. Он также обрабатывает дополнительные параметры, специфичные для конкретного товара, такие как тени, созданные с помощью ИИ.
Платные тарифные планы учитывают две вещи отдельно: кредиты ИИ и ежемесячный экспорт. Pro включает 8,000 кредитов ИИ и 1,000 экспортов в месяц; Max увеличивает количество кредитов до 25 000 и экспортов до 3,000, а также добавляет интеграцию с Shopify; Ultra предлагает 75 000 кредитов и 10 000 экспортов.
Полезно отметить, что сам инструмент Background Remover считается основным и не расходует кредиты ИИ ни на одном платном тарифе, в рамках ограничений добросовестного использования, поэтому кредиты имеют значение только при использовании генеративных функций.
API оплачивается отдельно и за каждое изображение: 0.02 доллара США за изображение в базовом плане за API удаления фона, 0.10 доллара США за изображение в плане Plus за полный API редактирования изображений, а также корпоративный уровень, требующий годовой подписки и минимум 200 000 изображений.
Вы можете протестировать это, выполняя 1,000 вызовов в песочнице в месяц (с водяными знаками) и 10 бесплатных вызовов в рабочей среде без водяных знаков на API Remove Background.
Недостаток: два счетчика плюс отдельно оплачиваемое использование API затрудняют прогнозирование ежемесячных расходов в пиковый сезон. Неиспользованные изображения в тарифных планах API не переносятся на следующий месяц.
Аналогов Shopify не существует. WooCommerce Синхронизировать можно и без синхронизации — экспорт и загрузка потребуются вручную.
Адобе Экспресс
Лучший бесплатный вариант в этом списке. Удаление фона происходит в браузере и создает прозрачный PNG-файл за считанные секунды. У Adobe Express есть бесплатный план за 0 долларов, Premium — за 9.99 долларов в месяц, а уровень Teams — от 7.99 долларов в месяц за лицензию.
Если вы уже используете Creative Cloud, вырезанные объекты корректно передаются в Photoshop или Illustrator через общие библиотеки.
Недостаток: это инструмент для дизайна с встроенным инструментом удаления, а не редактор каталогов. Отсутствует удобный пакетный режим, поэтому приходится работать с каждым изображением отдельно. Подходит для 20 товаров, но с 200 — вызывает затруднения.
Canva
У всех уже есть аккаунт, и если ваши маркетинговые материалы и так хранятся в Canva, вы можете сделать вырезку и готовое изображение в одном месте, не экспортируя их между инструментами.
Недостаток: удаление фона — функция, доступная только пользователям Pro-версии, бесплатные пользователи не могут загрузить результат. Стоимость Canva Pro в США составляет около 15 долларов США за пользователя в месяц (региональные цены могут значительно отличаться, поэтому уточните цену в своей валюте).
Рецензенты неизменно оценивают точность контуров на шаг ниже, чем у специалистов по вырезанию тонких волос и сложных контуров. Трудно оправдать подписку исключительно ради вырезания контуров, когда Adobe Express делает это бесплатно.
Слэззер
Наиболее полная экосистема в этой группе для магазина, которому нужны различные варианты: веб-приложение, нативные мобильные приложения, настольные приложения для Windows, Mac и Linux, расширение для Photoshop, API с SDK для нескольких языков, а также вариант развертывания на локальных серверах для компаний, которые не могут отправлять изображения третьим лицам.
Это прямая реклама. WooCommerce и интеграция с Shopify.
Недостаток: их два, и они важны. Бесплатный уровень — это демо-версия, а не пробный период, по отзывам пользователей, доступно всего несколько кредитов в полном разрешении. Служба поддержки также имеет плохую репутацию: пользователи сообщают о недостающих кредитах и неадекватном реагировании.
Опубликованные цены также заметно различаются в зависимости от источника, поэтому лучше запросить актуальную цену непосредственно у Slazzer, а не полагаться на округленную сумму.
Быстрое сравнение
| Инструмент | Пакетная обработка | Бесплатный уровень | API | Лучше всего |
| Пикселькат | До 10 000 штук за партию | Ограниченное количество удалений, загрузка в HD-качестве, без водяных знаков. | Да | Большие каталоги, требующие единого размера и маркировки. |
| удалить.bg | Через API и настольные приложения | Предварительный просмотр только в разрешении 0.25 МП. | Да, зрелый | Teams уже использует API; пакетная обработка на настольных компьютерах. |
| Photoroom | Пакетный режим, ограниченный уровнем экспорта. | 250 экспортных экземпляров, с водяными знаками, не для коммерческого использования. | Да, для каждого изображения. | Дополнительные элементы, специфичные для данного продукта: тени, постановка сцен. |
| Адобе Экспресс | Настоящий пакетный режим отсутствует. | Удаление в полном разрешении, бесплатный аккаунт | Нет | Небольшие каталоги; пользователи Creative Cloud |
| Canva | Нет | Только для предварительного просмотра, скачивание невозможно. | Нет | Команды уже платят за Canva Pro |
| Слэззер | Массовое перетаскивание | 2 титра с полным разрешением | Да, многоязычные SDK. | Требования к размещению на собственных серверах или в локальной сети |
Как обработать полный WooCommerce каталог, не делая это по одному
Шаг 1 — Просмотрите и сгруппируйте изображения.
Перед началом работы отсортируйте фотографии по типу фона. Групповые снимки, сделанные одновременно, недопустимы. Отдельные снимки, сделанные на телефон, требуют индивидуального внимания и могут исказить результаты, если их смешать с остальными.
Шаг 2 — Извлеките все документы сразу, сохранив оригиналы.
Никогда не перезаписывайте исходные файлы. Вам придётся запустить этот процесс заново, если вы передумаете насчёт теней или отступов.
Шаг 3 — Стандартизация размера холста и наполнителя.
Этот шаг почти все пропускают, и именно поэтому каталоги по-прежнему выглядят неправильно, даже после удаления фона. Если один товар занимает 95% своей рамки, а следующий — 60%, сетка выглядит некорректно. Pixelcut и Photoroom применяют одинаковые размеры для всей партии — используйте их.
Шаг 4 — Преобразование в формат WebP с резервным форматом PNG.
Здесь решается вопрос с размером файла, о котором говорилось ранее. WebP поддерживает прозрачность и обычно оказывается намного меньше по размеру, чем эквивалентный PNG. Некоторые инструменты, включая редактор пакетной обработки Pixelcut, экспортируют прозрачные WebP-файлы напрямую, что пропускает этот шаг. Сохраняйте оригиналы PNG в архиве.
Шаг 5 — Массовая загрузка и переназначение
Для небольшого количества товаров используйте функцию массовой загрузки медиатек WordPress и вручную повторно прикрепите изображения. Для большого каталога импорт товаров из CSV-файла с переназначением путей к изображениям будет быстрее и менее подвержен ошибкам.
Шаг 6 — Выборочная проверка артикулов товаров.
Стекло, хром, ювелирные изделия, все, что имеет тонкие или полупрозрачные края. Удаление дефектов с помощью ИИ предсказуемо терпит неудачу в таких случаях, и эта неудача происходит незаметно — никто не замечает ее, пока не обратит внимание клиент.
Как правильно отображать изображения новых товаров? WooCommerce
Теперь у вас есть папка с аккуратными вырезками одинакового размера. По умолчанию WooCommerce Шаблоны мало что с ними сделают — макеты магазина и отдельных товаров скорее функциональны, чем гибки, и возможности управления отображением изображений ограничены.
Здесь WooCommerce Строитель заслуживает своего места. ShopPress Один из вариантов, разработанный как набор дополнений для Elementor, — это модуль, некоторые из которого напрямую соответствуют тому, что вы только что создали:
Галереи товаров. Когда у вас есть несколько качественных ракурсов для каждого товара, галерея товаров , которая последовательно отображает их, стоит больше, чем одно главное изображение.
Быстрый просмотр. Модальное окно «Быстрый просмотр» загружает подробную информацию о товаре через AJAX без перезагрузки страницы. Вырезки выглядят здесь заметно лучше, чем фотографии фона, потому что у модального окна свой собственный цвет фона, с которым встроенный белый квадрат будет конфликтовать.
Варианты расцветок, отображаемые в виде изображений. Это наиболее сильная взаимосвязь между двумя частями этой статьи. Варианты расцветок , использующие изображения товаров вместо цветовых блоков, выглядят правильно только тогда, когда каждый вариант вырезан одинаково. Неравномерное отступы между вариантами делают строку с вариантами неустойчивой, и никакое количество CSS-кода это не исправляет.
Однородные эскизы для циклов. Конструктор циклов товаров позволяет точно контролировать отображение сетки — именно это превращает единообразные исходные изображения в единообразный внешний вид магазина.
ShopPress требуется WooCommerce а также Elementor, и вы можете скачать бесплатную версию из репозитория WordPress, чтобы протестировать отображение, прежде чем решить, стоит ли переходить на платный тариф.
Ошибки, которых следует избегать
- Чрезмерно агрессивное удаление. Инструменты, которые затягиваются слишком туго, повреждают детали изделия, особенно тонкие ремешки, ручки и стержни.
- Неравномерные тени. Выберите наличие теней (или их отсутствие) один раз и примените это решение ко всему каталогу.
- Отправка файлов PNG туда, где подошли бы файлы WebP. Об этом говорилось выше, и стоит повторить, потому что это самая распространенная проблема, связанная с превышением скорости по собственной вине.
- При повторной загрузке пропадает альтернативный текст. Замена изображений при массовом импорте часто приводит к их удалению. Экспортируйте альтернативный текст перед началом работы.
- Артефакты бесплатного уровня достигают стадии производства. Водяные знаки и уменьшенные изображения могут отображаться на страницах товаров в режиме реального времени. Проверяйте перед публикацией, а не после.
Создавайте рабочий процесс один раз, а не для каждого продукта.
Последовательность действий такова: согласованные исходные изображения, пакетное удаление с использованием стандартизированных размеров, разумное сжатие и слой отображения, который действительно использует созданный вами материал. Каждое звено имеет значение — идеально вырезанное изображение, отображаемое в шаблоне, который плохо его обрезает, — это пустая трата усилий, а красиво построенная сетка товаров не сможет исправить двенадцать разных цветов фона.
Выберите инструмент, соответствующий размеру вашего каталога, а не бюджету на обработку одного изображения. Затем настройте рабочий процесс один раз, чтобы каждый новый продукт попадал в один и тот же конвейер обработки, а не становился очередным исключением.
Часто задаваемые вопросы
1. Можно ли бесплатно удалить фон сразу сразу?
Частично. Pixelcut позволяет бесплатно удалять файлы в ограниченном объеме, предоставляя загрузку в HD-качестве без водяных знаков. Adobe Express предлагает бесплатное удаление, но не имеет полноценного пакетного режима. Бесплатный тариф remove.bg ограничивается предварительным просмотром изображений разрешением 0.25 мегапикселя, что слишком мало для описания товара. За полноценную пакетную обработку в полном разрешении придется заплатить.
2. Замедляют ли прозрачные PNG-файлы работу системы? WooCommerce магазин?
Да, могут. PNG — это формат без потерь, и прозрачный PNG часто больше, чем замененный им JPEG. Преобразуйте его в WebP, который поддерживает прозрачность при гораздо меньших размерах файлов, и используйте PNG только для архивирования.
3. Применяет ли Google санкции к изображениям товаров, отредактированным с помощью ИИ?
Нет никаких доказательств того, что за редактирование собственных фотографий товаров предусмотрены штрафные санкции. Рекомендации Google касаются вводящего в заблуждение контента, а не редактирования изображений. Изображение, точно отражающее товар, допустимо; композитное изображение, искажающее информацию о том, что поставляется, — это уже другая проблема.
4. Какое решение следует принять? WooCommerce Какие бывают изображения товаров?
Размеры изображений должны соответствовать заявленным в вашей теме параметрам, а для дисплеев Retina следует указывать примерно вдвое больший размер. Для большинства магазинов безопасным вариантом по умолчанию является создание изображений размером 2000 пикселей по длинной стороне и предоставление WordPress возможности генерировать меньшие размеры.
5. Нужен ли мне плагин, или достаточно использовать внешний инструмент?
Удаление фона выполняется внешним инструментом. Отображение — плагином. Они решают разные задачи — инструмент для удаления фона не исправит сетку товаров, а конструктор не исправит несоответствующие фотографии.
6. Как обеспечить соответствие новых продуктов уже обработанным?
Сохраняйте настройки пакетной обработки — размер холста, отступы, фон, тень — в качестве предустановки или шаблона в любом выбранном вами инструменте и обрабатывайте каждый новый продукт с помощью одной и той же программы. Это самая ценная привычка во всем рабочем процессе.
