Оптимізація графіки для Facebook. Поради для корпоративної сторінки

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

Приклад:
шум навколо букв

Що з цим робити? Ось декілька порад:

1. Завжди зберігайте таку графіку для фейсбук у форматі PNG-24. Навіть графіка комбінована з фото(логотип або напис на фоні фотографії) в деяких випадках краще виглядає саме у форматі png-24.

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

Підтримка Facebook пропонує такі розміри:

  • Обкладинка 820x312px, пропорцію можна використовувати як мінімальні значення та збільшувати розмір, наприклад 1200х457.
  • Головна світлина(аватарка) – 170x170px. Теж базове мінімальне значення, можна виставляти більше (наприклад, 800x800px) зберігаючи пропорції.

3. Використовуйте онлайн-оптимізатори png (TinyPNG та інші), які зменьшують розмір(вагу в кілобайтах) файла без видимого погіршення якості, тому фейсбук не буде додатково стискати таке зображення.

Примітка: стискання також застосовується до картинок, що відправляються у повідомленнях facebook, тому бажано не ставити на сторінку графіку з таких повідомленнь.

4. Створіть неоприлюднену(приховану) сторінку у фейсбук та експериментуйте на ній перед тим як завантажувати файли на свою існуючу сторінку.

Всі поради працюють для корпоративної сторінки, щодо сторінки користувача у facebook – всі зображення png при завантаженні перетворюються на jpeg і можуть втратити якість, тож експериментуйте.

Facebook Comments