Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
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

Russian (Pусский) translation by Lexie Bykova (you can also view the original English article)

Каждый из нас столкнулся с этим: вы загружаете фотографию, которая потрясающе выглядела в программе-редакторе, и отшатываетесь в ужасе, когда видите сжатую несуразицу, размещенную у вас в Хронике на Facebook. В этой статье из серии "Простые советы" я помогу вам добиться максимально возможного качества загружаемого фото.

Советы Руководства для пользователя

Facebook дает нам такие рекомендации:

facebook guidelines
Руководство Facebook по загрузке изображений

Давайте посмотрим, как это работает. Начнем с обычных изображений.

Обычные изображения в Хронике

Для наилучших результатов Facebook рекомендует загружать фото с размером по ширине в 720px, 960px или 2048pх. Для сравнения я воспользуюсь этой фотографией:

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
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.