Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Стиснення файлів JPEG для Facebook: як досягти найкращого результату на Таймлайні.

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Ukrainian (українська мова) translation by Elen (you can also view the original English article)

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

Поради Інструкції користувача

Facebook дає нам наступні рекомендації:

facebook guidelines
Інструкція Facebook по завантаженню зображень.

Давайте подивимось, як це працює. Почнемо зі звичайних зображень.

Звичайні зображення на Таймлайні

Для найкращого результату Facebook рекомендує завантажувати фото шириною  720px960px або 2048px.  Для порівняння я скористаюсь даним зображенням:

example picture
Приклад фото для Facebook

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

Перша помітна відмінність – це різниця в розмірі файла. Якщо я коментуватиму кожне зображення, ми просто заплутаємося в цифрах, тому я розгляну фото середнього розміру, 960рх. Мій початковий файл був об'ємом 523kb, а розмір файла, збереженого з Facebook - 86,9kb, отже ми бачимо, стиснення серйозне.

Ось розміри трьох фото при 100% после Facebook:

facebook compression comparison
Порівняння фото в трьох розмірах, рекомендованих Facebook

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

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

Фотографії для обкладинки

Для своєї обкладинки я буду використовувати ось це фото:

example cover photo
Моє фото для обкладинки

Я спробувала завантажити його в повному розмірі (близько 7000рх по ширині), і ось що відбувається:

facebook cover with compression
Фото для обкладинки Facebook, завантажене в повному розмірі

Не дуже добре. Facebook рекомендує спочатку зменшити розмір фото до 851 х 315, тому давайте спробуємо саме так:

facebook cover with resized photo
Фото для обкладинки Facebook в новому розмірі, проте файл як і раніше, більше 100kb.

Виглядає набагато краще, проте, особливо навколо буревісника, як і раніше достатньо артефактів. Тим не менше, фото все ще займає майже 300kb, хоча Facebook рекомендує 100kb. Тому цього разу, я зайду в Файл – Зберегти для Веб (Control-Shift-Alt-S) в Adobe Photoshop та регулюючи опцію Якість (Quality) отримую зображення об'ємом менше 100kb:

save for web
Використання команди Зберегти для Веб, щоб зменшити зображення об'ємом менше 100kb
facebook cover under 100kb and resized
Обкладинка розміром 851 х 134 та збережена об'ємом менше 100kb

Як бачимо, цей спосіб дає найкращий результат. Інколи мені вдається досягти кращих результатів для фото-обкладинок, коли я використовую PNG замість JPEG. Але, як я говорила раніше, такі файли складніше зберігати в меншому об'ємі (до 100 kb), тому спробуйте обидва способи, та подивіться, який краще підходить саме вам.

Висновок

Ось декілька пунктів, які варто запам'ятати:

Як досягти найкращих результатів для зображень для таймлайн:

  • Завантажуйте фото великого розміру
  • Вибирайте максимальну якість при збереженні
  • Зберігайте в форматі PNG для зображень, які містять текст (логотип).

Как досягти найкращих результатів для зображень Обкладинки:

  • Змініть розмір на 851 х 315
  • Використовуйте команду Зберегти Web та зменшіть об'єм фото до 100kb
  • Спробуйте JPEG, та PNG, та оберіть кращий варіант.

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.