Стиснення файлів JPEG для Facebook: як досягти найкращого результату на Таймлайні.
() translation by (you can also view the original English article)
Кожному із нас знайома така ситуація: ви завантажуєте фотографію, яка в нашій програмі-редакторі виглядала просто фантастично, проте з жахом відсахуєтеся, коли бачите зтиснений жах на вашому Таймлайні в Facebook. В даній статті я дам вам коротеньку пораду, яка допоможе вам досягти найкращого можливого результату при завантаженні ваших зображень.
Поради Інструкції користувача
Facebook дає
нам наступні рекомендації:



Давайте подивимось, як це працює. Почнемо зі звичайних зображень.
Звичайні зображення на Таймлайні
Для найкращого результату Facebook рекомендує завантажувати фото шириною 720px, 960px або 2048px. Для порівняння я скористаюсь даним зображенням:



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



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



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



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



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






Як бачимо, цей спосіб дає найкращий результат. Інколи мені вдається досягти кращих результатів для фото-обкладинок, коли я використовую PNG замість JPEG. Але, як я говорила раніше, такі файли складніше зберігати в меншому об'ємі (до 100 kb), тому спробуйте обидва способи, та подивіться, який краще підходить саме вам.
Висновок
Ось декілька пунктів, які варто запам'ятати:
Як досягти найкращих результатів для зображень для таймлайн:
- Завантажуйте фото великого розміру
- Вибирайте максимальну якість при збереженні
- Зберігайте в форматі PNG для зображень, які містять текст (логотип).
Как досягти найкращих результатів для зображень Обкладинки:
- Змініть розмір на 851 х 315
- Використовуйте команду Зберегти Web та зменшіть об'єм фото до 100kb
- Спробуйте JPEG, та PNG, та оберіть кращий варіант.
Неможливо повністю уникнути стиснення зображень, принаймні поки Facebook не буде працювати по-іншому; проте ми можемо зробити їхній вигляд набагато кращим, використовуючи маленькі прийоми.