Как правильно изменить размер изображений для Facebook

Нравится вам это или нет, но Facebook стал важной социальной платформой не только для продвижения вашей работы, но и для поиска новых клиентов. Независимо от того, решите ли вы создать фан-страницу для своего бизнеса или просто загрузите свои фотографии в свой профиль, вам может быть интересно, какое разрешение и настройки экспорта должны быть для ваших изображений, чтобы Facebook мог отображать их в самом высоком качестве. В этой статье я не только расскажу о поведении Facebook при изменении размера и сжатии, но также покажу вам правильные настройки, которые следует использовать при экспорте изображений как из Lightroom, так и из Photoshop.

Оглавление

1. Изменение размера и сжатие изображений Facebook

Несколько лет назад Facebook ужасно умел изменять размеры изображений. Если бы вы загрузили изображение тогда, оно не только сделало бы его ужасным из-за сжатия, но и лишило бы цветовой профиль. Если бы вы не очень внимательно относились к конкретному разрешению, до которого вы меняете размер, и если бы вы экспортировали изображения в любой другой формат, кроме sRGB, ваши фотографии не выглядели бы так, как на вашем компьютере.С тех пор многое изменилось к лучшему — механизм обработки изображений Facebook стал намного совершеннее и лучше, поэтому, к счастью, большинство проблем прошлого были решены. Тем не менее, Facebook рекомендует изменять размер изображений до определенного разрешения перед их публикацией, как объясняется в этой статье. По состоянию на 09.11.2014 ниже приведены рекомендуемые размеры для загрузки фотографий в Facebook:

1. Обычные фотографии: 720 пикселей, 960 пикселей, 2048 пикселей
2. Фото на обложке: 851 на 315 пикселей.
3. Полноразмерные миниатюры ссылок: 484 x 252 пикс.
4. Изображение профиля в шапке: 180 на 180 пикселей.

Основываясь на приведенных выше данных, тремя лучшими разрешениями для извлечения фотографий являются 720, 960 и 2048 пикселей. Что я хотел выяснить, так это то, что произойдет, если загрузить изображения в этих и других размерах. Как повлияет на фотографию, если она будет загружена, скажем, с разрешением 980 пикселей вместо 960? А что произойдет, если вы случайно используете другой цветовой профиль, такой как Adobe RGB или ProPhoto? Давайте посмотрим на эти сценарии и посмотрим.

1.1. Сжатие изображений Facebook

Что Facebook делает с изображением, извлеченным с рекомендуемым разрешением? Давайте посмотрим на изображение до и после изображения, которое я извлек из Lightroom с разрешением 960 пикселей в ширину и качеством JPEG 77%:

Исходный размер файла составлял 204 КБ в состоянии «До», а Facebook изменил его размер до 64 КБ, поэтому здесь используется довольно агрессивный алгоритм сжатия. Если присмотреться, то на снимке «После» видны некоторые артефакты на небе и вокруг объекта, но это неплохо и уж точно терпимо. Насколько сильно применяется компрессия? Это зависит от каждого изображения, но кажется, что сжатие варьируется от эквивалента качества 47-61% в Lightroom. В дополнение к сжатию изображения алгоритм сжатия изображения Facebook также удалил все данные EXIF, данные PPI и изменил информацию о цветовом профиле, заменив «sRGB IEC61966-2.1» на цветовой профиль «c2».При просмотре изображений с помощью средства просмотра изображений с поддержкой цветового пространства или моего браузера я не вижу разницы между ними, поэтому профиль «c2» действительно очень похож на sRGB, как указано в этой статье от инженера Facebook.

Резюме: Даже если вы загружаете видео с рекомендуемым разрешением, Facebook все равно применяет к изображениям алгоритм сжатия. Единственный способ предотвратить сжатие — загружать изображения размером менее 100 КБ (что часто слишком мало для высококачественного изображения).

1.2. Изменение размера изображения Facebook

Теперь давайте посмотрим, что происходит, когда вы загружаете изображение, размер которого немного отличается от рекомендуемого значения. Для этого теста я загрузил два изображения — одно с разрешением 960 пикселей и одно с разрешением 980 пикселей. Ниже приведены результаты для 960-пиксельного изображения:

Как и в нашем первом тесте, происходит огромное сжатие. Для этого второго пейзажного снимка я извлек изображение с очень высоким качеством — 85%, что на шаг ниже, чем 100% качество JPEG. Исходный размер изображения составлял 772 КБ с сохранением EXIF ​​и других данных JPEG. Facebook сжал изображение до 150 КБ и удалил все встроенные данные. Опять же, встроенное цветовое пространство было заменено с «sRGB IEC61966-2.1» на «c2».

Но что произойдет, если изображение будет предоставлено не в рекомендуемом разрешении 960 пикселей? Давайте посмотрим, что произойдет с изображением, которое я экспортировал с разрешением 980 пикселей:

Интересно, что изображение выглядит очень близко к изображению, которое я извлек с разрешением 960 пикселей. Алгоритм Facebook не изменил размер моего 980-пиксельного изображения до 960 пикселей, и единственное, что здесь произошло, — это снова сжатие — изображение уменьшилось с 802 КБ до 159 КБ, а данные EXIF ​​снова были стерты. Единственная разница в том, что на этот раз цветовое пространство было заменено на «sRGB IEC61966-2-1 в масштабе черного». Не уверен, почему имя профиля не было «с2», но изображение никак не отличалось по цветам.

Я также пробовал загружать изображения с более высоким разрешением 1024, 1200, 1600 и 2048 пикселей.Все изображения были просто сжаты, а данные удалены без изменения размера.

Резюме: Оказывается, разрешение ваших изображений не имеет значения, поэтому не имеет значения, извлекаете ли вы изображения рекомендуемых размеров, таких как 960 или 2048 пикселей. Работает любой размер изображения, и каждое изображение будет обрабатываться с большим сжатием и удалением встроенных данных.

1.3. Преобразование цветового пространства Facebook

Что произойдет, если вы случайно экспортируете изображения с другим цветовым пространством, например Adobe RGB или ProPhoto RGB, вместо sRGB? Давайте взглянем на два изображения ниже, которые я экспортировал в цветовых пространствах Adobe RGB и ProPhoto RGB (до: Adobe RGB, после: ProPhoto RGB):

Если вы сравните два изображения выше с первым изображением в этой статье, вы увидите, что цвета одинаковы. Это означает, что алгоритм сжатия изображений Facebook также автоматически выполняет преобразование из Adobe RGB и ProPhoto RGB в sRGB. Поэтому, если вы загрузите изображение с нестандартным цветовым пространством, Facebook все равно автоматически изменит его обратно на sRGB. Изменение цветового пространства хорошо видно на снимке экрана ниже, где все три изображения выглядят одинаково, несмотря на то, что перед загрузкой у них было разное цветовое пространство:

Значит ли это, что не нужно заботиться о том, какое цветовое пространство использовать при экспорте? Нет, я бы по-прежнему использовал sRGB при экспорте, потому что насыщенные цвета могут измениться и выглядеть немного по-другому после процесса преобразования. Вам лучше использовать преобразование цветов на вашем компьютере, а не полагаться на механизм преобразования Facebook.

Резюме: Facebook автоматически преобразует цветовое пространство в sRGB, даже если предоставлены изображения Adobe RGB или ProPhoto RGB. Чтобы избежать проблем с преобразованием цветов, я бы по-прежнему рекомендовал извлекать изображения с цветовым пространством sRGB.

2. Изменение размера изображений в Lightroom для Facebook

Теперь, когда мы знаем кое-что о процессе сжатия и преобразования цвета в Facebook, мы можем перейти к процессу экспорта и изменения размера изображений для Facebook с помощью Lightroom. Вот окно экспорта Lightroom, которое показывает, как я экспортирую изображение с разрешением 960 пикселей (не стесняйтесь изменить его на любое удобное вам разрешение):

Как видите, я выбрал «sRGB» для цветового пространства и качества изображения 85%. На самом деле качество JPEG не имеет решающего значения, потому что Facebook все равно сжимает его до чертиков. Когда я экспериментировал с файлом JPEG с качеством 100% и сравнивал его с файлом JPEG с качеством 85%, Facebook сжал оба файла примерно до одинакового размера с разницей в 1 КБ. Однако, если вы выберете что-либо ниже 85%, Facebook еще больше сожмет изображение и ухудшит его качество, поэтому я бы рекомендовал оставаться на уровне 85% или выше.

В окне «Изменение размера изображения» выберите «Длинный край» из раскрывающегося списка и укажите самую длинную сторону в пикселях. Однако для лучшего представления вашей работы я бы рекомендовал загружать изображения с разрешением выше 960. Имейте в виду, что в настоящее время многие люди владеют экранами с высоким разрешением (Retina, 4K и т. д.), поэтому маленькие изображения не помогут продвинуть вашу работу. Не беспокойтесь о настройке «Разрешение» (на моем снимке экрана показано как 240) — она используется только для печати и не влияет на то, как она отображается или обрабатывается Facebook. На самом деле, Facebook в любом случае полностью удаляет эти данные из изображений. Обычно я устанавливаю резкость при изменении размера на «Экран» и «Высокая», но если это слишком много на ваш вкус, вы можете либо уменьшить значение, либо полностью пропустить повышение резкости на выходе. Данные/метаданные EXIF ​​в любом случае удаляются Facebook, так что вы можете пропустить и эту часть.

3. Изменение размера изображений из Photoshop для Facebook

При работе с изображениями в Photoshop изменение размера можно выполнить либо в отдельном шаге через диалог «Размер изображения» (CTRL+ALT+I), либо изменить размер изображения также можно в окне «Сохранить для Web». Лично я предпочитаю делать это через диалоговое окно «Размер изображения», как показано ниже:

Выберите удобный для вас размер и поместите его в область ввода «Ширина» для альбомной ориентации или в область ввода «Высота» для портретной ориентации. Для того же пейзажа, что и выше, я выбрал ширину 960, и Photoshop автоматически вычислил, какой должна быть правильная высота. Опять же, разрешение не имеет значения, поэтому вы можете оставить его значение по умолчанию. Для повторной выборки я предпочитаю использовать «Bicubic Sharper» при уменьшении разрешения изображения, так как он хорошо справляется с деталями, и мне редко приходится беспокоиться о повышении резкости изображения.

Как только вы измените размер изображения, вы можете сохранить его. Когда появится диалоговое окно «Параметры JPEG», выберите значение от 10 до 12 для файла JPEG наилучшего качества, как показано ниже:

Другой способ — использовать инструмент «Сохранить для Интернета» в Photoshop, доступ к которому можно получить, нажав ALT + SHIFT + CTRL + S, или выбрав «Файл -> Сохранить для Интернета…». В этом окне выберите качество JPEG от 85 до 100, убедитесь, что установлен флажок «Встроить цветовой профиль», а также убедитесь, что установлен флажок «Преобразовать в sRGB»:

С помощью инструмента «Сохранить для Интернета» вы можете полностью пропустить процесс изменения размера изображения — просто введите желаемый размер изображения в поле «Размер изображения» и выберите алгоритм изменения размера, например «Бикубическая резкость». Photoshop изменит размер изображения и сохранит его для вас в нужном формате и с настройками качества.

4. Резюме

Несмотря на рекомендацию Facebook изменять размер фотографий до разрешения 720, 960 или 2048 пикселей для наилучшего качества изображения, кажется, что нет ничего плохого в выборе других нестандартных разрешений.Как я показал в статье выше, пока вы не пытаетесь загрузить изображение с полным разрешением выше 2048 пикселей, Facebook не будет изменять размер загруженного изображения до меньшего разрешения — он только применит сжатие и удалит встроенные метаданные. . Чтобы продемонстрировать свою работу, не стесняйтесь выбирать любой размер, который вам удобен. Я лично выбираю 2048 пикселей, и это то же разрешение, которое мы предоставляем здесь, в PL, но некоторым людям может быть неудобно предоставлять изображения с таким разрешением. Тем не менее, имейте в виду, что устройства, которые люди используют для доступа в Интернет, быстро увеличивают разрешение, поэтому большие изображения, безусловно, будут выглядеть более презентабельно, чем крошечные.

Однако, если вы обновляете обложку своей временной шкалы или изображение своего профиля, я бы рекомендовал извлечь их в точном размере, рекомендованном Facebook, чтобы избежать изменения размера. Вы можете использовать инструменты обрезки в Lightroom и Photoshop, чтобы добиться этого…