Обрізка, формат і точка фокусу
Оновлено 09.11.2026 4 хв читання
Блоки показують фото в рамці певної форми: квадрат, прямокутник, увесь екран. Якщо пропорції фото й рамки різні, сайт обрізає зайве. У цій статті — як саме він обрізає і як цим керувати.
Як сайт обрізає фото
Фото заповнює рамку повністю, а те, що не влізло, ховається. Центр кадру лишається в центрі рамки, тож обрізаються краї:
- у вертикального фото в горизонтальній рамці — верх і низ;
- у горизонтального фото у вертикальній рамці — боки.
Фото ніколи не розтягується й не сплющується. Обрізка діє лише на сторінці: сам файл лишається цілим, і в іншому блоці те саме фото можна показати повністю.
Ручної обрізки, коли рамкою виділяють потрібну частину, у редакторі немає. Керувати можна форматом блока, а в банері й блоці «До / Після» — ще й точкою фокусу.
Де вибрати формат
Формат задається на вкладці «Налаштування» блока.
| Блок | Поле | Варіанти |
|---|---|---|
| «Галерея» і «Галерея з Gallera» | «Формат фото» у розділі «Блок» | «Квадрат (1:1)», «Книжкова (3:4)», 4:3, 3:2, 16:9 |
| «Зображення» і «Зображення + текст» | «Формат (обрізка)» у розділі «Зображення»; у варіанті з двома фото — у розділах «Велике фото» і «Мале фото» | «Авто» — без обрізки, 16:9, 4:3, 3:2, 1:1 |
| «До / Після» | «Формат фото» у розділі «Блок» | горизонтальні 3:2, 4:3, 16:9, квадрат 1:1, вертикальні 4:5, 2:3 |
| «Банер» | — | рамку задають екран і «Висота блока» |
Поки формат у галереї не вибрано, «Сітка» показує квадрати, «Слайдер» — 3:4, «Колаж з акцентом» — 2:3. У «Мозаїці» фото не обрізаються зовсім, а «Редакційна сітка» сама чергує вузькі й широкі кадри.
Скільки обріже кожен формат
Кадр із камери зазвичай має пропорції 3:2 (у телефона — 4:3). Ось скільки від нього лишиться в рамці різного формату:
| Рамка | Горизонтальний кадр 3:2 | Вертикальний кадр 2:3 |
|---|---|---|
| 16:9 | 84 % висоти | 38 % висоти |
| 3:2 | увесь кадр | 44 % висоти |
| 4:3 | 89 % ширини | 50 % висоти |
| 1:1 | 67 % ширини | 67 % висоти |
| 3:4 | 50 % ширини | 89 % висоти |
Тобто вертикальний кадр у горизонтальній рамці втрачає половину висоти й більше — звідси «обрізані голови».
Точка фокусу
Точка фокусу — це головне місце кадру, наприклад обличчя. Сайт зсуває обрізку так, щоб ця точка завжди лишалася в кадрі.
Точка є в банері — і в основного фото, і у фонового — і в блоці «До / Після», окремо для кожного фото. Як її поставити:
- Клікніть по блоку й перейдіть на вкладку «Контент».
- На прев'ю фото є біла точка й підказка «Тягніть точку — це центр кадру». Перетягніть точку на головне в кадрі.
- Перевірте сторінку в режимі «Телефон» у верхній панелі редактора.
Щоб повернути точку в центр, натисніть кнопку з прицілом «У центр» у правому нижньому куті прев'ю — вона з'являється, коли точку зсунуто.
Найбільше точка важить у банері на весь екран: на телефоні від горизонтального кадру лишається від третини до половини ширини, і саме точка вирішує, яка це частина. Якщо фото вміщається в рамку цілим, точка нічого не змінює.
Вертикальні фото в горизонтальних рамках
Якщо вертикальні кадри обрізаються невдало:
- у галереї оберіть «Мозаїку» — фото будуть цілими — або формат «Книжкова (3:4)»;
- у блоці «Зображення» оберіть формат «Авто»;
- у банері у дві колонки залиште «Висота блока» — «Авто»: фото покажеться цілим;
- обріжте фото в Lightroom під потрібний формат ще до завантаження — тоді сайту не буде чого обрізати.
Який формат для якої зйомки
- Весілля, репортаж, love story — «Мозаїка» або 3:2: кадри лишаються цілими, вертикальні й горизонтальні можна змішувати.
- Портрет, fashion, будуар — «Книжкова (3:4)»: вертикальні кадри майже без втрат.
- Пейзаж, інтер'єр, архітектура — 3:2 або 16:9.
- Предметна зйомка, їжа, деталі — «Квадрат (1:1)»: рівна сітка, як в Instagram.
- Банер — горизонтальний кадр із головним ближче до центру й «повітрям» навколо.
Як підготувати самі фото — у статті Як підготувати фото для сайту. Як налаштувати галерею — у статті Галерея.
Якщо щось не так
У фото обрізано голови. Оберіть вертикальний формат або «Мозаїку», чи обріжте фото перед завантаженням.
Не можу знайти точку фокусу. Вона є лише в банері й блоці «До / Після» — на вкладці «Контент», прямо на прев'ю фото. В інших блоках фото обрізаються по центру.
На телефоні банер показує не ту частину фото. Перетягніть точку фокусу на головне й перевірте в режимі «Телефон». Див. також Банер.
Хочу показати фото повністю. У галереї оберіть «Мозаїку», у блоці «Зображення» — формат «Авто».