Кадрирование, тяжёлые страницы и имена файлов, которые мешают загрузке
На странице магазина каждое изображение товара обрезается до соотношения сторон, заданного в настройках макета. Если товар снят в другой форме, содержимое за пределами этого соотношения теряется; в первую очередь это затрагивает высокую вазу или длинный ремень. Узкие изображения создают вторую проблему: они могут выглядеть размытыми.
Загрузка иногда не удаётся ещё до появления изображения на странице. Имена файлов с диакритическими знаками, вопросительными знаками, символами процента или амперсандами могут мешать загрузке или вызывать непредвиденные проблемы. Страница товара со множеством тяжёлых файлов также противоречит рекомендации платформы делать страницу лёгкой, даже если каждый файл по отдельности укладывается в ограничение.
Сразу создавайте изображения в пропорциях макета
«Предметная студия» поддерживает квадратный, четыре к пяти, три к четырём, сторис и широкий форматы, поэтому заказывайте каждое изображение в форме макета, и автоматической обрезке нечего будет убирать. Спокойное первое изображение получится на студийном фоне спереди; за ним может идти сцена с мрамором, деревом или льном.
Если утверждённое изображение имеет неподходящую форму, «Расширить кадр» добавит вокруг него фон, не обрезая и не перерисовывая товар. «Детальный снимок» кадрирует крупный план пряжки, тиснёной крышки или тканой бирки; его квадратные и вертикальные форматы соответствуют распространённым макетам магазинов.
Ширина, вес и имя файла перед загрузкой
Вывод 2K в квадратном формате превышает ширину, ниже которой изображения могут выглядеть размытыми, а 4K соответствует ширине, которую платформа считает идеальной. Затем она создаёт до семи версий разной ширины и по умолчанию конвертирует загрузки в WebP, используя исходный файл для каждой. JPG — более лёгкий из двух форматов загрузки.
Для этого магазина нет настроек в бесплатных инструментах изменения размера и компрессии. «Проверка размера изображения» в браузере сравнивает вес, мегапиксели и формат с опубликованными ограничениями. Перед загрузкой переименуйте каждый файл, используя только буквы, цифры, знак подчёркивания и дефис, а также уложите альтернативный текст каждого изображения товара в ограничение по символам.