Налаштування захисної зони#

Захисна зона — це налаштування в графічному шаблоні Feed Image Editor, за допомогою якого можна визначити простір для розташування графічних шарів відносно товару на зображенні. За допомогою захисної зони ви подбаєте про те, щоб мітки, тексти або інші графічні елементи, розміщені в цій частині, не перекриють жодного товару, незалежно від того, наскільки великий товар на зображенні і як він розміщений.

Як це працює#

Захисна зона в пікселях визначає захищену ділянку навколо товару. Шари, розміщені в заштрихованій ділянці поза цією зоною, ніколи не перекриють товар. При цьому:

Додатне значення – товар зменшиться, захищена зона розшириться, і графічні елементи залишаться далі від товару.
Від’ємне значення – товар збільшиться, графічні елементи наблизяться до його країв або можуть частково його перекрити.

Візуальний огляд результату доступний безпосередньо на полотні за допомогою попередніх переглядів випадкових товарів із фіду. Або також на сторінці Previews.

Налаштування в розширенні#

Відкрийте наявний шаблон або створіть новий шаблон у Feed Image Editor.
Перейдіть на вкладку № 3, розділ б – Position of the main image on the canvas.
Налаштуйте захисну зону в пікселях – додатним значенням товар зменшите, створивши так більшу захисну зону. Від’ємним товар збільшите, і захисна зона буде меншою.
Перевірте результат безпосередньо в попередньому перегляді полотна або за допомогою попередніх переглядів випадкових товарів.

Щоб показати або навпаки приховати вихід за межі кадру на полотні, скористайтеся кнопкою Do not show overflow in preview.

Поєднання з Autocrop #

Захисна зона працює найкраще в поєднанні з функцією Autocrop, яка автоматично вирівнює товар по центру полотна і розтягує його на весь вихідний формат. Якщо товар завжди відцентровано, графічні шари можна надійно розміщувати в кутах або на краях зображення з певністю, що вони не перекриють товар, причому для кожного товару у фіді, незалежно від його форми або розміру на початковому зображенні.

Коли захисна зона стане в пригоді#

Функція корисна всюди, де шаблон містить графічні шари, що перекривають частину зображення:

Цінові мітки або знижки, розміщені в куті зображення.
Логотип або назва інтернет-магазину як графічний водяний знак.
Елементи CTA (заклики до дії), що додаються поверх товарного зображення.

Часті запитання#

Що таке заштрихована ділянка, яка з’являється в редакторі після налаштування захисної зони?#

Заштрихована ділянка позначає безпечну зону — область, у яку можна розмістити графічні шари без ризику, що вони перекриють товар. Якщо графічний елемент лежить повністю в цій ділянці, товару він не зачепить. Щоб показати або навпаки приховати вихід за межі кадру на полотні, скористайтеся кнопкою Do not show overflow in preview.

Чи потрібно мати активний Autocrop, щоб захисна зона працювала? #

Ні. Захисна зона працює і без функції Autocrop. Без неї, однак, не можна гарантувати, що товар завжди буде в тій самій частині полотна, і графічні шари через це можуть у деяких товарів зачепити сам товар навіть за правильно налаштованого значення захисної зони. Поєднання з Autocrop надійно стабілізує результат.

Яке значення захисної зони налаштувати?#

Залежить від розміру графічних елементів у шаблоні і від того, скільки простору навколо товару ви хочете зберегти. Рекомендуємо почати з меншого додатного значення і результат перевіряти по ходу кнопкою Random product на лівій панелі або на сторінці Previews, доки не досягнете бажаного результату.

Чи змінить захисна зона вихідні розміри зображення?#

Ні. Захисна зона впливає лише на положення і позірний розмір товару в межах полотна. Вихідний формат зображення залишається таким, як налаштовано в шаблоні.

Чи можна використати захисну зону і для колажів або GIF?#

Ні. Захисна зона є частиною налаштування розміщення головного зображення на полотні і насамперед прив’язана до графічних шаблонів з одним товарним зображенням.