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

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

Звичайно, це відомо також у Facebook, тому з розвитком платформи постійний акцент робився на виділенні різних візуальних елементів. Facebook став пріоритетом правильний вибір розмірів зображення.

2020

Однак Facebook не полегшує нам роботу, кожен візуальний елемент має унікальні параметри, і вони постійно змінюються. Не кажучи вже про повний редизайн, який був запроваджений поетапно протягом 2020 року.

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

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

Тепер давайте рухатимемося в черзі і подивимось, який елемент варто розробити.

Розмір зображення в профілі Facebook

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

Раніше зображення профілю було квадратним, але сьогодні в більшості місць форма кола відображається у Facebook. Незалежно від того, яку форму зображення ви завантажуєте, Facebook після завантаження виріже його у коло. Ви маєте стільки сказати, що ви можете вибрати, що покласти всередину кола, щоб ви могли переконатися, що основні елементи з’являються після обрізання, а зображення залишається симетричним.

Мінімальна роздільна здатність 180 х 180 пікселів. Відображений розмір відрізняється залежно від того, де відображається фотографія (на робочому столі чи мобільному телефоні, у стрічці або на сторінці профілю). Я рекомендую більший розмір (принаймні 720 х 720 пікселів), завантажте більш детальне зображення, яке буде виглядати більш вишуканим при зменшенні до меншого розміру. Не кажучи вже про те, що коли хтось натискає ваше зображення профілю, ви можете побачити спотворене зображення на весь екран.

Розмір зображення обкладинки Facebook

Це велике зображення над вашою шкалою часу. Залежно від розміру та центрального розташування, він має безліч варіантів.

Рекомендовано мінімум 820 x 312 пікселіві завантажте зображення, яке внизу, буде виглядати спотвореним. Зображення робочого столу відображатиметься з такою роздільною здатністю на робочому столі, мобільний 640 x 360 пікселівта розмір.

Отже, як і зображення профілю, цей предмет виглядає по-різному на мобільних і настільних ПК, він не зберігає своїх масштабів.

На зображенні є зона, яка обов’язково з’явиться як у мобільному, так і в настільному браузері (640 x 360 пікселів). Можливо, ви захочете відцентрувати тут основні елементи зображення обкладинки, наприклад, якщо ви встановлюєте групову фотографію, переконайтеся, що всі знаходяться в цій зоні. Для титрів однаково важливо не пропускати літери чи цілі слова.

Розміри спільних зображень та посилань

Картинки

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

У цьому випадку рекомендований розмір 1200 х 1200 пікселівл. Це, очевидно, означає зображення зі співвідношенням сторін 1: 1. Це також можливо 1080 х 1350 пікселів також для обміну зображеннями з високою роздільною здатністю.

У випадку попередньо масштабованих графічних елементів (наприклад, на обкладинці статті) я зазвичай використовую задане співвідношення сторін елемента. У всіх інших випадках я намагаюся використовувати креативи з високою роздільною здатністю масштабу 1: 1, оскільки таким чином я можу вирвати найбільший фрагмент із вільного місця у стрічці.

Подумайте, наскільки вище та наскільки краще зображення 1: 1, щоб привернути увагу користувача.

Посилання

Це схоже на прості зображення, оскільки коли ви ділитеся посиланням, з’являється зображення попереднього перегляду пов’язаної веб-сторінки, яке при натисканні переводить вас на зображення, але на пов’язану веб-сторінку.

В кінці цієї статті я розповім, як ви можете легко змінити зображення попереднього перегляду веб-сторінки.

Розмір зображення обкладинки події

Звичайно, зображення обкладинки події також має унікальну роздільну здатність. Рекомендовано 1336 х 700 пікселів використовувати зображення з високою роздільною здатністю. Пропозиція Facebook трохи менша, ніж ця, але такий розмір можна використовувати як у мобільних, так і в настільних браузерах без особливих проблем.

Зображення, якими обмінюються події, набагато менші, ніж їх аналоги на часовій шкалі 470 x 174 пікселівОднак також рекомендується завантажувати сюди більші зображення, оскільки вони натискаються на весь екран.

Розмір зображення обкладинки групи

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

Також варто звернути більше уваги на цей елемент, оскільки для користувачів, крім назви та короткого опису, це єдиний зображувальний елемент, який з’являється, коли вони наводять курсор миші на назву групи за посиланням в інтерфейсі Facebook.

Зображення обкладинки для груп Facebook 1640 x 856 пікселів розміром. Важливо зберегти масштаб, інакше ваше зображення буде обрізано Facebook.

Розміри зображень Facebook для реклами

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

Саме через різноманітність я обговорюю кожен тип оголошень в окремому параграфі, але спочатку давайте розглянемо загальні умови, які повинні дотримуватися для кожного типу.

Універсальні умови

Рекомендований тип файлу для зображень PNG, одержимість JPG. Для відео MOV, одержимість MP4 пропонується розширення.

Зображення, що містять більше 20% тексту (на самому зображенні щодо всієї площі зображення), будуть покарані. Це часом буває інакше. Це може означати, що ваше оголошення відображатиметься рідше, що ваша CPC буде вищою, або ваше оголошення буде відхилено і не відображатиметься взагалі.

Оголошення для каналів та Marketplace

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

Рекомендований розмір 1200 х 628 пікселів. З мінімальною шириною та висотою 600 пікселів.

Співвідношення сторін може варіюватися від 9:16 до 16: 9, якщо ви не вставите посилання в текст, і в цьому випадку зображення автоматично зміниться на 1,91: 1.

Оголошення на правій панелі

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

Рекомендований розмір 1200 х 628 пікселів, тоді як мінімальний розмір в обох напрямках - 600 пікселів. Тут ви не можете керувати відео, ви можете завантажити лише зображення.

Карусельна реклама

Прокручуваний формат мінімум 2 та максимум 10 зображень. У них також можна використовувати картинки та відео.

Для фотографій: Мінімум 600 пікселів у ширину та висоту. Рекомендоване співвідношення сторін - 1: 1, усі інші формати будуть відрізані Facebook. Можна завантажувати зображення розміром до 30 МБ.

Для відео: Мінімум 1080 пікселів у ширину та висоту. Максимальний розмір завантаження - 4 Гб. Ви можете завантажити відео тривалістю до 240 секунд, але рекомендується використовувати значно коротше.

Відеореклама

Найпопулярніша форма реклами? Це наче менеджери з реклами прокинулися від сплячки, сьогодні ми можемо бачити все більше і більше відеореклами, що прокручують стрічку.

Тут я обговорюю відео, що з’являються у стрічці та відеопотоці, і буду писати про формат сюжету в наступному параграфі.

Що стосується якості відео, завантажте максимально можливу роздільну здатність, оскільки Facebook контролюватиме якість відео. Рекомендоване співвідношення сторін - 16: 9, але воно може коливатися до 9:16. Рекомендується зберігати співвідношення сторін 16: 9, оскільки Facebook може їх скоротити.

Максимальний розмір - 4 Гб. Ви можете завантажити максимум 240 секунд відео. Тут також рекомендується використовувати коротші формати, для відео в потоці, наприклад, 5–15 секунд.

+1 Заголовок.

Статистика показує, що більшість людей дивляться відео на Facebook приглушеними. Звідси випливає, що після того, як ваше відео буде готове, ви повинні зробити підпис до нього.

Історія реклами

Це історії, які з’являються як у Facebook, так і в Instagram. Обидва мають однакові розміри, весь дисплей заповнений.

Зображення відображаються протягом 5 секунд, а відео - протягом 15 секунд.

Оптимальний масштаб - 9:16, як і традиційні історії в Instagram. 14-15% місця у верхній і нижній частині оголошення варто пропустити, оскільки їх можна відрізати через різні пристрої, різну роздільну здатність. Не варто розміщувати пріоритетний контент у цих сферах.

Facebook дозволяє викривити співвідношення сторін на 1% для відео, тому тут особливо важливо записувати потрібний розмір.

Що стосується зображень, платформа є більш дозвільною, тут ми можемо ділитися зображеннями до 16: 9 (інше питання, чи повинен такий рекламний ролик відображатися в історіях).

Мінімальна ширина в обох випадках 500 пікс.

Месенджерська реклама

Оголошення Facebook Messenger напрочуд з’являються в інтерфейсі Messenger. Ми говоримо лише про мобільний формат, що продається через додаток.

Рекомендована роздільна здатність 1200 х 628 пікселів, мінімальна ширина завантаження - 254 пікселі, мінімальна висота завантаження - 133 пікселі.

Ви можете змінювати роздільну здатність від 16: 9 до 9:16, але Facebook буде обрізати ваші зображення до 1,9: 1.

Миттєвий досвід (колекції та полотно)

Ще один варіант реклами лише для мобільних пристроїв. Вони набагато рідше, ніж згадані вище, але, звичайно, я також згадаю про це.

Повноекранні інтерактивні інтерфейси в один клік, що дозволяють відображати кілька продуктів одночасно, або повноекранне інтерактивне відео.

Співвідношення сторін 1: 1 та 16: 9 рекомендується для зображень з мінімальною шириною та висотою 600 пікселів та максимальним розміром 30 МБ.

Для відеороликів слід використовувати відео з роздільною здатністю не менше 1200 x 628 пікселів. До 4 Гб відео можна завантажувати до 120 хвилин, але бажано зменшити тривалість до однієї хвилини або менше.

Відкрийте графік або як змінити попередній перегляд посилань

Напевно, з вами траплялося, що ви поділилися посиланням у Facebook, а потрібна вами картинка не з’явилася або нічого не з’явилося. Щоб вирішити цю проблему, нам потрібно ознайомитися з Open Graph.

Open Graph - це стандарт, який полегшує інтеграцію між вашим веб-сайтом та іншими інтернет-інтерфейсами, такими як Facebook. Маючи кілька добре розміщених членів, Facebook може автоматично отримувати дані з вашого веб-сайту, наприклад зображення попереднього перегляду для загальної URL-адреси.

Детальніше про відповідну параметризацію ви можете прочитати тут: https://ogp.me/, але якщо ви не хочете турбуватися про технічну реалізацію, використовуйте плагіни Yoast SEO або Rank Math, які забезпечують візуальний інтерфейс для завантаження даних .

В інтерфейсі Rank Math ви можете легко сформувати попередній перегляд посилання, яким хочете поділитися