Фотография товара снята на сером складе, с бликами от ламп и пылью на упаковке? Покупатель не задержится — он уже листает дальше. В интернет-магазинах на 1С-Битрикс качество изображений напрямую влияет на продажи: по статистике, товары с профессиональными фотографиями показывают конверсию на 30% выше. Однако многие каталоги страдают от неоднородности — разные фоны, цветовые искажения, нестандартные размеры. Наша команда доводит изображения до коммерческого стандарта: без дефектов, с точной цветопередачей и в нужных для Битрикс форматах.
Мы работаем с Битрикс-каталогами 7 лет. За это время обработали более 100 000 изображений. Знаем каждую деталь: от выбора цветового профиля до настройки кэширования превью. Конверсия в карточке товара зависит от фотографии больше, чем от текста. Устраняем типичные проблемы: неправильный баланс белого, мусор на фоне, дефекты упаковки, искажённые цвета. Результат — изображения, которые работают на продажи. Экономия при заказе пакета от 500 фотографий достигает 30% по сравнению с поштучной обработкой.
Как обработать фото для Битрикс-каталога?
Базовая обработка — применяется к каждому фото:
- Коррекция экспозиции, контраста, насыщенности.
- Устранение цветовых сдвигов (правильный баланс белого).
- Кадрирование и выравнивание по горизонтали и вертикали.
- Повышение резкости, удаление шума матрицы.
- Конвертация в sRGB, экспорт в JPEG с качеством 80–85%.
Коммерческая ретушь — углублённая работа:
- Удаление фона (обтравка) — замена на белый, прозрачный или нейтральный.
- Устранение царапин, пятен, дефектов на поверхности.
- Выравнивание теней и отражений.
- Коррекция отдельных деталей (цвет этикетки, металлический блик).
- Добавление реалистичной тени под товар.
Три уровня сложности обтравки:
| Объект |
Метод |
Время на 1 фото |
| Простой силуэт (коробка, инструмент) |
Автоматика (Remove.bg, Photoshop Auto Select) |
2–5 мин |
| Объект со сложным контуром (одежда, мебель) |
Перо или «Выделение объекта» + ручная доводка |
10–25 мин |
| Стекло, прозрачные детали, волосы, мех |
Ручная маска с каналами |
30–90 мин |
Готовый файл сохраняем в PNG с прозрачностью для использования на любом фоне и в JPEG с белым фоном для основного каталога.
Почему важна цветокоррекция?
Цвет на экране и цвет реального товара часто расходятся. Разница в 3–5° оттенка заметна покупателю и становится причиной возвратов, особенно в fashion-сегменте. Стандарт работы:
- Использование цветовой мишени (Color Checker) при съёмке.
- Профилирование монитора колориметром перед обработкой.
- Сохранение в sRGB — единственный профиль, корректно отображаемый в браузерах без дополнительных настроек.
Для тканей и одежды оттенок должен совпадать с реальным материалом при дневном освещении (D65). Мы добиваемся точного соответствия — это снижает процент возвратов.
Подготовка комплектов изображений для Битрикс
Для каждого товара готовится набор файлов, совместимых с импортом в Битрикс:
product_1.jpg – основное фото (DETAIL_PICTURE)
product_1_s.jpg – превью для листинга (PREVIEW_PICTURE) — квадрат 600×600
product_2.jpg – другой ракурс (галерея)
product_3.jpg – детали и фактура
product_4.jpg – фото в контексте (lifestyle)
product_main_bg.png – без фона для промо-баннеров
Квадратный формат превью — стандарт для листингов: сетка карточек выглядит аккуратно. Размер 600×600 или 800×800 достаточен для retina-экранов и не перегружает страницу.
Пакетная обработка: автоматизация рутины
Часть операций автоматизируется — это ускоряет обработку больших партий и снижает стоимость. Используем экшены Photoshop или скрипты на Python (Pillow). Автоматизация ретуши ускоряет обработку больших партий.
Пример скрипта для пакетного ресайза и конвертации:
from PIL import Image, ImageOps
import os
INPUT = './raw'
OUTPUT = './ready'
TARGET = (2000, 2000)
for fname in os.listdir(INPUT):
if not fname.lower().endswith(('.jpg', '.jpeg', '.png')):
continue
img = Image.open(os.path.join(INPUT, fname)).convert('RGB')
img.thumbnail(TARGET, Image.LANCZOS)
# Добавляем белый фон для квадратного превью
bg = Image.new('RGB', TARGET, (255, 255, 255))
offset = ((TARGET[0] - img.width) // 2, (TARGET[1] - img.height) // 2)
bg.paste(img, offset)
bg.save(os.path.join(OUTPUT, fname.replace('.png', '.jpg')),
'JPEG', quality=83, optimize=True, progressive=True)
Ручной контроль остаётся для сложной ретуши и нестандартных объектов. Автоматизация не заменяет опыт ретушёра, но сокращает время на рутинных задачах.
Типичные дефекты, которые убирают при ретуши
- Складки и заломы на одежде (естественные не трогаем).
- Пылинки и волосы на глянцевых поверхностях.
- Жёлтые пятна на упаковке от клея или транспортировки.
- Неровный разлив краски на металлических деталях.
- Тени от студийного оборудования.
- Перепалённые блики на стекле и металле.
Что входит в обработку фото для каталога
После обработки вы получаете:
- Файлы с именами, готовыми к импорту в Битрикс (DETAIL_PICTURE, PREVIEW_PICTURE, галерея).
- Версии на белом и прозрачном фоне (JPEG + PNG).
- Квадратные превью 600×600 пикселей.
- Структурированные папки по товарам.
- При необходимости — гайд по загрузке изображений в Битрикс.
Все фото проходят контроль качества: проверка цвета, чёткости, соответствия стандартам. Получите консультацию по вашей партии — мы оценим сроки и стоимость.
Процесс работы
- Анализ исходников и согласование стандартов качества.
- Пробная обработка 5–10 фото для утверждения стиля.
- Пакетная обработка всей партии с промежуточной проверкой.
- Финальная вычистка и конвертация.
- Сдача готовых комплектов с именами, готовыми к импорту в Битрикс.
Сроки ориентировочно
| Объём |
Уровень |
Сроки |
| Базовая обработка 100 фото (без обтравки) |
Базовый |
1 рабочий день |
| Обтравка 100 фото (простые объекты) |
Средний |
2–3 дня |
| Полная ретушь + обтравка 50 фото (сложные объекты) |
Высокий |
3–5 дней |
Стоимость рассчитывается индивидуально — зависит от сложности и объёма. Закажите обработку партии фото под ключ. Пишите — оценим ваш проект.
Разработка каталога 1С-Битрикс: как превратить фильтр за 4 секунды в мгновенный отклик
В интернет-магазине 80 000 товаров, умный фильтр на Битрикс тормозит — каждый клик по свойству превращается в 4-секундное ожидание. Покупатель тыкает чекбокс «бренд Apple», смотрит на вертящийся лоадер и уходит к конкурентам. Конверсия падает на 20%. Это знакомая боль. Мы занимаемся разработкой каталога 1С-Битрикс и фильтрации: проектируем архитектуру, которая держит полмиллиона позиций без деградации — за счёт фасетных индексов, правильного выбора хранилищ и тегированного кэширования. Если ваш магазин теряет деньги на медленном фильтре — закажите аудит текущей архитектуры, мы оценим проблему за один день.
Как инфоблоки влияют на производительность каталога?
Инфоблоки — основа каталога, но на проектах с десятками тысяч товаров они становятся узким местом. Стандартный bitrix:catalog.smart.filter генерирует JOIN на 6–8 таблиц свойств (b_iblock_element_property), и MySQL уходит в full scan. Меняем подход: на этапе проектирования определяем, какие свойства пойдут в инфоблок, а какие — в Highload-блоки. Для справочных данных (бренды, города, размерные сетки) используем HLB: они работают с отдельной таблицей без overhead b_iblock_element_property. Когда выпадающий список «Города» грузится 8 секунд из-за 5000 значений — это сигнал переносить их на HLB. Каталог на 80 000 товаров с фильтром за 4 секунды теряет около 1,2 млн рублей в год из-за ухода клиентов — такую экономию даёт правильная архитектура. Свяжитесь с нами, чтобы прикинуть выгоду для вашего проекта.
Что такое фасетный индекс и почему он важен?
Основная производительность кроется здесь. Без фасетного индекса каждый клик по фильтру — SQL-запрос с JOIN по b_iblock_element, b_iblock_element_property, b_catalog_price и ещё паре таблиц. На 100 000 товаров такой запрос выполняется 2–4 секунды. С фасетным индексом — 30–80 мс. Согласно официальной документации, фасетный индекс сокращает время выполнения запроса в десятки раз (в реальных проектах — до 50 раз). Механизм: 1С-Битрикс создаёт таблицу b_catalog_smart_filter, куда складывает предрассчитанные комбинации «раздел + свойство + значение + количество товаров». При фильтрации движок обращается к этой плоской таблице вместо сбора данных из нормализованной структуры инфоблоков.
При настройке фасетного индекса часто допускают одни и те же промахи. Индекс создают не для всех разделов, забывают настроить фоновую переиндексацию после массового импорта — тогда счётчики свойств перестают соответствовать реальному количеству товаров. Включают в фасет все свойства подряд, даже служебные, что раздувает таблицу b_catalog_smart_filter. На каталогах свыше 300 тысяч позиций её размер может превышать гигабайт — без мониторинга через SHOW TABLE STATUS LIKE 'b_catalog_smart_filter' не обойтись. Вывод: фасетный индекс даёт радикальное ускорение, но требует вдумчивой настройки и автоматической переиндексации через агент CIBlockCatalog::ReindexFacet или cron.
Почему Highload-блоки быстрее инфоблоков для справочников?
| Критерий |
Инфоблок (IB) |
Highload-блок (HLB) |
| Хранение свойств |
Таблица b_iblock_element_property |
Отдельная плоская таблица на каждый HLB |
| Скорость фильтрации на 50 тыс. товаров |
~500–800 мс (с фасетом) |
~80–150 мс (без фасета) |
| Поддержка SEO (URL, шаблоны) |
Полная |
Отсутствует (только справочники) |
| Рекомендуется для |
Товары, разделы, основные свойства |
Справочники (бренды, города), пользовательские данные |
Когда инфоблоки предпочтительнее HLB
Highload-блоки не формируют SEO-URL и не имеют визуального редактора. Если справочник должен иметь отдельные страницы (например, бренды с уникальными H1), используйте инфоблоки. HLB — для сугубо служебных данных, не требующих индексации.
На практике лучшая архитектура — гибридная. Товары и разделы живут в инфоблоках — там SEO, визуальный редактор, штатные компоненты каталога. А справочные свойства с тысячами значений переносим в Highload-блоки. Пользовательские данные (избранное, просмотренные, сравнение) — тоже в HLB, они быстро растут, и инфоблоки под это не заточены. Хотите узнать, какую архитектуру выбрать для вашего каталога? Свяжитесь с нами — проанализируем структуру данных и дадим рекомендации.
SEO-фильтры: как получить ЧПУ и не попасть под фильтр Яндекса?
Стандартный фильтр генерирует ?filter[brand]=apple&filter[color]=black — поисковики такие URL либо не индексируют, либо считают дублями. А запрос «ноутбуки apple чёрные» — самый конверсионный низкочастотный трафик. Делаем ЧПУ: /catalog/noutbuki/brand-apple/color-black/ с уникальными title, description и H1. Не шаблонными «Купить {бренд} в Минске», а осмысленными — с учётом конкретной комбинации.
- Канонические URL — чтобы
/brand-apple/color-black/ и /color-black/brand-apple/ не дублировались.
- Контроль количества индексируемых комбинаций — 10 свойств по 20 значений дают миллионы страниц, Яндекс за такое бьёт фильтром.
- Автоматическая sitemap для SEO-страниц фильтрации.
- Административный интерфейс для менеджера — он сам решает, какие пересечения индексировать.
Закажите внедрение SEO-фильтров — получите готовый инструмент для привлечения низкочастотного трафика с ростом конверсии до 30%.
Какие методы дают ощутимый прирост производительности?
- Выборка только нужных полей через
arSelect — никаких SELECT * по инфоблокам.
- Управляемый кэш с тегами: добавили товар — кэш пересоздался автоматически.
- Композитный кэш для анонимов: TTFB < 100 мс, HTML отдаётся без запуска PHP.
- Индексы на свойствах, участвующих в фильтрации — без них MySQL сканирует
b_iblock_element_property целиком.
- Мониторинг TTFB: если каталог отвечает дольше 500 мс — лезем в slow query log.
Что входит в комплексную разработку каталога на 1С-Битрикс
Мы передаём не просто работающий код, а полный комплект документации и инструментов для самостоятельного управления. В deliverables входят:
- Аудит текущей архитектуры каталога и фильтрации.
- Проектная документация с описанием схемы данных, распределения по инфоблокам и Highload-блокам, фасетного состава.
- Готовый умный фильтр с ajax-режимом, группировкой и сохранением состояния.
- Настроенный фасетный индекс с cron-переиндексацией.
- SEO-фильтры с ЧПУ, уникальными метатегами, каноникалами и sitemap.
- Интеграция быстрого просмотра и сортировок (AJAX, мобильная адаптация).
- Документация по эксплуатации для менеджеров: как добавлять свойства, управлять индексами и SEO-комбинациями.
- Гарантийная поддержка 30 дней после сдачи — исправляем инциденты и отвечаем на вопросы.
Как мы разрабатываем каталог: пошаговый план
Мы не просто ставим компоненты. Процесс включает:
- Аудит текущего каталога — разбор структуры свойств, выявление узких мест, проверка индексов и кэша.
- Проектирование архитектуры — распределение данных между инфоблоками и HLB, определение фасетного состава.
- Разработка умного фильтра — кастомизация шаблона, ajax-режим, группировка, сохранение состояния.
- Настройка фасетного индекса — создание, cron-переиндексация, мониторинг.
- SEO-фильтры — ЧПУ, метатеги, каноникалы, sitemap.
- Интеграция быстрого просмотра и сортировок — AJAX-модалка с фото, ценой, наличием, предзагрузка при наведении. На мобильных — bottom sheet вместо попапа.
- Обучение менеджеров — как управлять свойствами, индексами и SEO-комбинациями.
- Гарантийная поддержка — 30 дней после сдачи.
Сроки реализации
| Задача |
Ориентировочный срок |
| Настройка умного фильтра |
3–5 дней |
| Фасетный поиск |
2–3 дня |
| SEO-фильтры |
1–2 недели |
| Быстрый просмотр |
3–5 дней |
| Кастомный шаблон каталога |
1–2 недели |
| Миграция на Highload-блоки |
2–4 недели |
| Комплексная разработка каталога |
4–8 недель |
Каталог окупается через рост конверсии и приток SEO-трафика по низкочастотке. Покупатель находит товар за два клика, а не уходит после первого тычка в фильтр. Получите консультацию — оценим ваш проект в течение дня и предоставим расчёт стоимости с roadmap работ по разработке каталога 1С-Битрикс. Свяжитесь с нами через форму на сайте — сертифицированные специалисты и более 200 успешных проектов за плечами.