AVIF в Skyshop для 1С-Битрикс: что проверить перед сжатием фотографий каталога

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

21 сентября 2026 года в Skyshop 2.0.2 для «1С-Битрикс» появилась экспериментальная поддержка AVIF при наличии поддержки на сервере. Статус функции здесь принципиален: включение формата стоит начинать с проверки, а не с массового пересоздания всех изображений.

Небольшой размер файла сам по себе не является хорошим результатом. Для одежды важны фактура и цвет ткани, для мебели — швы и оттенок обивки, для электроники — разъёмы. Если эти детали исчезают, магазин экономит трафик за счёт информации о товаре.

Возьмите несколько сложных исходников: тёмный предмет, мелкий рисунок, блестящую поверхность, полупрозрачный материал. Сравнивайте изображения в тех размерах, в которых их видит человек: в каталоге, карточке и увеличенном просмотре. Один красивый образец ничего не говорит о всём ассортименте.

Я бы сохранила оригиналы отдельно от производных файлов. Тогда качество можно изменить без повторной съёмки и без накопления ошибок от многократного пересжатия.

Проверка поддержки формата включает не только расширение файла. Важно, чем сервер декодирует и преобразует изображения, сколько ресурсов занимает операция и что происходит при ошибке. Массовая обработка во время обмена с учётной системой может создать лишнюю очередь задач.

Сначала обработайте ограниченную подборку на тестовой копии. Измерьте время создания миниатюр, размер результата и нагрузку. Затем убедитесь, что каталог не пытается генерировать одинаковую картинку заново при каждом открытии страницы.

Для несовместимого клиента или сбоя преобразования нужен рабочий запасной вариант. Пустой прямоугольник вместо товара хуже более тяжёлой фотографии. Также проверьте изображения в товарных выгрузках, рассылках и превью: они могут использовать другие пути обработки.

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

После пробного внедрения сравните вес страницы и время появления основных фотографий на обычном мобильном соединении. Смотрите и на качество товара, и на скорость. Хорошая оптимизация незаметна покупателю: он видит подробную карточку и быстрее начинает выбирать.

A large catalog can load a buyer's phone with photos before they even select a product, especially if the site serves heavy originals for small thumbnails. This is why image format updates matter to store owners as much as a new design.

On September 21, 2026, Skyshop 2.0.2 for 1C-Bitrix introduced experimental AVIF support, provided the server supports it. The experimental status is critical: enabling the format should begin with testing, not mass regeneration of all images.

A small file size is not a good result on its own. For clothing, texture and fabric color matter; for furniture, seams and upholstery shade are key; for electronics, connectors must be visible. If these details disappear, the store saves bandwidth at the expense of product information.

Select several complex source images: dark objects, fine patterns, shiny surfaces, and translucent materials. Compare the images at the sizes a user actually sees: in the catalog, on the product card, and in the zoomed view. A single beautiful sample tells you nothing about the entire assortment.

I would keep originals separate from derived files. This allows quality adjustments without reshooting and prevents error accumulation from repeated recompression.

Verifying format support involves more than just the file extension. It is crucial to understand how the server decodes and converts images, the resource cost of the operation, and how errors are handled. Bulk processing during synchronization with the accounting system can create unnecessary task queues.

First, process a limited selection on a test copy. Measure thumbnail generation time, output size, and system load. Then ensure the catalog does not regenerate the same image every time a page is opened.

For incompatible clients or conversion failures, a reliable fallback is essential. A blank rectangle for a product is worse than a heavier photo. Also check images in product exports, newsletters, and previews, as they may use different processing paths.

If a tile a few hundred pixels wide receives a massive source image, first configure appropriate dimensions. Lazy loading for images below the fold and a reasonable number of images in the list can also yield significant performance gains.

After a trial implementation, compare the page weight and the time it takes for key product photos to appear on a standard mobile connection. Evaluate both image quality and loading speed. Effective optimization remains invisible to the buyer: they see a detailed product card and can start selecting items faster.