1. Photo & Video
  2. Post-Processing

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

Scroll to top
Read Time: 3 min
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

() translation by (you can also view the original English article)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Висновок

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

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

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

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

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

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Photo & Video tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.