Как сохранить фото для инстаграм в фотошопе без потери качества

Лучшие настройки экспорта фотографий для Instagram: инструкция для Lightroom и Photoshop

У вас наверно бывали случаи, когда вы от души редактировали фотографии в Photoshop или Lightroom, а Instagram превращал ваши великолепные фотографии в зернистую, обесцвеченную, блеклую кашу. И вот, вопрос: почему Инстаграм портит качество, и делает фотографии, отредактированные в Photoshop/Lightroom тусклыми (и чуть ли не черно-белыми)?

Instagram стал ведущей платформой для обмена фотографиями на планете. Естественно, огромная база пользователей привлекла профессиональных фотографов, которые публикуют свои профессиональные снимки, отполированные в Lightroom или Photoshop, через iPhone. Что, конечно же, является искажением первоначального замысла приложения.

Instagram задумывался как мобильная платформа для обмена фотографиями, поэтому вполне логично, что он искажает фотографии, снятые на зеркальные камеры. Для них выгодно уменьшить размер файлов на своих серверах, чтобы хранить больше фотографий за меньшие деньги, и поэтому они написали алгоритм уменьшения изображения, который отдаёт приоритет меньшему размеру файла, а не сохранению исходного качества изображения пользователя.

Очевидно, что цель алгоритма — сохранить высокое качество при низком размере фотографий, насколько это возможно. Потому, следуя некоторым правилам экспорта фотографий в Lightroom/Photoshop, уменьшающие визуальную информацию и размер файла, можно добиться результата, при котором Instagram не будет искажать цвета вашей фотографии.

Хотя алгоритм уменьшения, который использует Instagram, является их собственной разработкой, фотографам удалось найти идеальные настройки экспорта в Lightroom и Photoshop для Instagram.

И из теории это всё, что необходимо было знать.

Какое максимальное разрешение фотографии для Instagram?

На Retina-устройствах Instagram обрабатывает изображения двумя разными способами:

• максимальная длина по самой длинной стороне отображается до 1200px на портретных изображениях
• а максимальная длина по самой длинной стороне отображается до 1080px на пейзажных изображениях.

Некоторые утверждают, что Instagram на самом деле отображает портретные изображения на экранах Retina в размере 1350px, но есть и противоречивые сообщения.

Загружая портретное фотографии размером более 1200px, вы рискуете попасть под действие алгоритма — поэтому, длина изображения портретной ориентации по вертикали не должна превышать 1200px.

Точно так же, если ваша фотография является пейзажной, длина по горизонтали не должна превышать 1080 пикселей.

В Lightroom стоит установить флажок «Не увеличивать (Don’t Enlarge)» при экспорте. Если ваше изображение меньше 1200/1080 пикселей на самой длинной стороне, это предотвратит любые проблемы с масштабированием, которые могут снизить качество.

Так что забудьте про эти белые рамки. В Instagram теперь есть 4 возможных соотношения сторон:

• Квадрат — 1:1 (максимальная длина 1200 пикселей)
• Пейзаж — 1.91:1 (максимальная длина 1080 пикселей)
• Портрет — 4:5 (максимальная длина (1200 пикселей)
• Универсальный — 4:3/3:4 (максимальная длина 1200 пикселей в портретной ориентации, 1080 пикселей в пейзажной)

"Универсальное" соотношение сторон можно использовать как в портретной, так и в пейзажной ориентации.

Большинство этих соотношений сторон встроены в функцию кадрирования Lightroom, но конкретно соотношение 1.91:1, соответствующее рекомендованному Facebook размеру предварительного просмотра изображения в рекламе Facebook, необходимо задавать вручную.

Для этого просто щелкните по раскрывающемуся списку элемента управления «Crop Overlay» в Lightroom, выберите опцию «Enter Custom» и введите 1.91 и 1.

Какое цветовое пространство (Color Space) использовать для Instagram?

Возможно, вы не знакомы с цветовыми пространствами, но их правильная настройка позволяет создать ощутимый эффект в сторону идеальной, неискаженной загрузкой в Instagram. При их правильной настройки можно избавиться от окрашивания в зеленый цвет, либо отускнением фотки алгоритмом Инстаграма.

Цветовое пространство является спектром цветов, которые могут быть представлены в изображении. Теория намного глубже, на самом деле. Возможно, вы думали, что эти вещи важны только для печати, но для правильной передачи изображений в интернете также требуется базовое понимание цветового пространства. Не погружаясь слишком глубоко, вот что вам действительно нужно знать.

Когда вы экспортируете изображение в Lightroom или Photoshop, доступно несколько различных цветовых пространств. Однако браузеры и приложения для обмена изображениями, такие как Instagram, обычно отображают изображения в цветовом пространстве sRGB по умолчанию. Это означает, что если экспортировать изображение в AdobeRGB или ProPhotoRGB, то цветовые параметры фотографии будут смещены, в результате чего она окажется тонированной и искаженной.

Небольшая разница в цвете, которую вы можете увидеть на экране ноутбука и телефона, связана скорее с калибровкой цвета, чем с цветовым пространством при экспорте — и это не то, что вы можете реально исправить. Но вот что вы можете контролировать: при публикации в Интернете — десктопном или мобильном — убедитесь, что ваше изображение экспортируется с цветовым пространством sRGB.

О том, как в Photoshop конвертировать цветовой профиль в sRGB мы уже добавили статью.

Теперь, объединим всё это вместе.

Лучшие настройки экспорта Instagram/Lightroom для Instagram

• Во-первых, убедитесь, что ваш кроп соответствует одному из 4 соотношений сторон (1:1, 1.91:1, 4:5, 4:3/3:4).
• Ползунок Quality в Lightroom должен быть установлен на 76% — алгоритмически оптимальное соотношение между размером файла и качеством изображения.
• ИЛИ, вы можете ограничить размер файла до 1600 кб — некоторые говорят, что это позволяет избежать алгоритма сжатия размера файла Instagram (но это не точно).
• Ваш формат изображения должен быть JPEG.
• Ваше цветовое пространство должно быть sRGB.
• Ваша резкость (sharpening) зависит от вашего вкуса, но мы видим лучшие результаты на уровне High (высокий).

В этой статье я рассказал о причине того, почему Instagram сжимает качество фотографий, или делает фотографии тусклыми, и автоматически применят фильтр на них. А так же какие должны быть идеальные настройки сохранения фотографий, чтобы качество и вид фотографий при загрузке в Instagram не искажались.

Как опубликовать резкое и качественное фото в Instagram*

Если вы активно пользуетесь Instagram*, то наверняка заметили, что качество фотографий после публикации немного ухудшается. Всё из-за алгоритма сжатия, который сервис использует, чтобы хранить на своих серверах миллионы снимков.

Для многих важно, чтобы их изображения выглядели максимально резкими и качественными. Особенно это касается фотографов и блогеров, доход которых сильно зависит от того, насколько эстетично выглядит их контент.

Вот несколько простых советов, которые помогут постить в Instagram* максимально приятные глазу снимки. Всё, что вам потребуется, — это Photoshop и немного времени.

Переключитесь на цветовой профиль sRGB

Откройте изображение, которое хотите отредактировать. Вам необходимо выяснить, какой цветовой профиль используется в данный момент. Для этого нажмите на стрелку в левом нижнем углу экрана, которая находится рядом с индикатором масштаба фото, и выберите «Профиль документа».

Скорее всего, вы увидите, что используется цветовое пространство ProPhoto RGB. Из-за него цвета на смартфоне будут отличаться от тех, которые отображаются на экране компьютера. Поэтому вам нужно переключиться на sRGB.

1. На верхней панели нажмите «Редактирование».
2. Выберите «Преобразовать в профиль».
3. В строке «Профиль» укажите sRGB.
4. Нажмите ОК.

Сделайте изображение восьмибитным

Это тоже поможет сделать цвета на мобильном устройстве идентичными тем, которые вы видите на ПК.

1. На верхней панели выберите «Изображение».
2. Нажмите «Режим».
3. Выберите «8 бит/канал».

Сделайте фон белым

Чтобы ещё на компьютере увидеть, как ваша фотография будет смотреться в Instagram*, смените фон в Photoshop со стандартного серого на белый. Это может сильно повлиять на восприятие изображения в целом.

Щёлкните правой кнопкой мыши по фону и нажмите «Выбор иного цвета». Затем выберите на палитре белый и нажмите «ОК».

Поиграйте с насыщенностью

Откорректировав цвета изображения, вы сможете сделать снимок более заметным в ленте. В правом нижнем углу нажмите на значок с разделённым надвое кругом и создайте слой «Выборочная коррекция цвета».

Выберите слой левой кнопкой мыши, и чуть выше увидите ползунки «Голубой», «Пурпурный», «Жёлтый» и «Чёрный». Поэкспериментируйте с ними, чтобы изменить насыщенность отдельных цветов.

Обрежьте снимок

В Instagram* можно публиковать фотографии только с определённым соотношением сторон — иначе сервис их обрезает. Будет гораздо лучше, если вы сделаете это самостоятельно.

На панели слева выберите инструмент «Рамка» и вверху просто введите нужное соотношение сторон. Например, 4 : 5 подойдёт для портретов, а 1,9 : 1 — для пейзажей. Затем просто выделите нужную область снимка.

Настройте размер картинки

Максимальная величина изображения в Instagram* — 1 080 пикселей в ширину. Если вы загружаете снимок крупнее, то сервис его сжимает, что может сказаться на качестве.

Чтобы самостоятельно настроить размер, нажмите на верхней панели «Изображение» и выберите «Размер изображения». В поле «Ширина» введите 1 080 — высота изменится автоматически. Остальные параметры можно не трогать.

Увеличьте резкость

Нажмите Ctrl + Alt + Shift + E, чтобы создать слой, который объединит в себе все предыдущие. После этого можно делать картинку резче.

1. На верхней панели нажмите «Фильтр» и выберите «Преобразовать для смарт-фильтров».
2. Снова нажмите «Фильтр» и во вкладке «Другое» выберите «Краевой контраст».
3. Подгоните миниатюрное изображение под размер экрана своего смартфона и укажите такой радиус, при котором на картинке начинают появляться детали. Нажмите ОК.
4. На панели слоёв найдите кнопку «Обычные» и выберите режим «Перекрытие».

На этом всё! Ваша фотография резкая и готова к публикации. Осталось сохранить её и отправить на телефон.

Сохраняем изображение в формате JPEG гибко

Настоящий урок я посвятил 1 подготовке любого цифрового изображения, читаемого графическим редактором Adobe Photoshop, будь то PSD-файла, TIF-изображения или «большой» JPEG-картинки, к публикации на сайте, в форуме или социальных сетях, а также к пересылке по электронной почте. Другими словами, «джейпег» для Интернет. В рифму получилось.

Безусловно, форматы изображений, которые умеет читать Photoshop, едва ли исчерпываются названными тремя. И что приятно, большинство можно перевести в JPEG. Вне зависимости от исходного формата в Photoshop существуют два пути «джейпегизации». Возможность выбирать приятна вдвойне. Оба пути различаются. Внешние отличия обнаруживаются невооружённым взглядом, отличия в назначении («Каким путём следовать?») я выделю специально.

В настоящем уроке я представлю две пошаговые инструкции с необходимыми теоретическими «вкраплениями». Он рассчитан на то, чтобы показать Вам, как оптимально сохранить свой виртуальный рисунок, коллаж или фотографию в широко распространённом формате JPEG. Последний наиболее эффективен для изображений с плавными цветовыми переходами.

Для закрепления и расширения полученных знаний, а также в целях выработки навыка, я подготовил соответствующие упражнения. Предлагаю Вам их выполнить, а затем опубликовать свои результаты в комментариях к настоящему уроку. Опробуйте в «полевых условиях» свой навык!

Покажу, как сохранить изображение в формате JPEG на примере рисунка, созданного в Photoshop.

Первый способ

1 шаг

Открываю исходное изображение в Photoshop. В моём случае это файл с названием «Пример.psd», содержащий нарисованный шар.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» («File») > «Сохранить Как…» («Save As…»). Появляется диалоговое окно с заголовком «Сохранить как».

2 шаг

Выбираю месторасположение будущего JPEG-изображения. В поле «Имя файла» ввожу новое название картинки, если необходимо. В ниспадающем списке «Тип файла» выбираю формат «JPEG (*.JPG, *.JPEG, *.JPE)».

Параметры ниже оставляю без изменений, удостоверившись, что в качестве цветового профиля, встраиваемого в будущее JPEG-изображение, указан и выбран «стандартный» sRGB. Если это так, то перехожу к 4-ому шагу.

Если вместо sRGB указан другой цветовой профиль, например, ProPhotoRGB или AdobeRGB, то перед началом рассматриваемой в уроке процедуры я переведу исходное изображение в цветовое пространство sRGB в целях единообразного отображения цветов на большинстве устройств. Сделаю это следующим образом.

3 шаг

Нажимаю на клавиатуре клавишу «Esc», чтобы закрыть окно «Сохранить как».

Выбираю в главном меню «Изображение» («Image») > «Режим» («Mode»). Если «галочка» установлена напротив «8 бит\канал» («8Bits\Channel»), то выбираю «16 бит\канал» («16bits\Channel»). Увеличение глубины цвета желательно, чтобы конвертация из одного цветового профиля в другой прошла аккуратно. Визуально на исходном и итоговом изображениях изменение глубины цвета едва ли отразится.

Затем выбираю в главном меню «Редактировать» («Edit») > «Преобразовать в профиль» («Convert to Profile»). Появляется диалоговое окно с заголовком «Преобразовать в профиль».

В моём случае исходный цветовой профиль («Source Space»), который описывает цвета в рисунке, называется «Adobe RGB (1998)». Выбираю в ниспадающем списке «Целевой профиль» («Destination Space») значение «sRGB IEC61966-2.1». Проверяю параметры преобразования – они располагаются ниже: параметр «Инструмент» («Engine») имеет значение «Adobe (ACE)», «Метод (рендеринга)» («Intent») – «Относительный колориметрический» («Relative Colorimetric»), установлена «галочка» напротив параметра «Использовать компенсацию точки чёрного» («Use Black Point Compensation»), «галочка» отсутствует напротив параметра «Свести изображение, чтобы сохранить вид» («Flatten Image to Preserve Appearance»).

Если Вы увеличили глубину цвета (я проделал это чуть раньше), то параметр «Использовать дизеринг» («Use Dither») будет неактивным. Если в открытом изображении всего один слой (когда Вы открываете JPEG-картинки или «простые» TIF-изображения, обычно, так и есть), то параметр «Свести изображение, чтобы сохранить вид», также, неактивен.

Нажимаю кнопку «Готово» («OK»). Окно «Преобразовать в профиль» исчезает.

Снова открываю окно «Сохранить как» и проделываю действия 2-ого шага.

4 шаг

Нажимаю в окне «Сохранить как» кнопку «Сохранить».

В главном окне программы появляется новое диалоговое окно с заголовком «Параметры JPEG» («JPEG Options»). Параметр «Качество» («Quality») позволяет задавать соотношение качества выходного изображения и объёма, который картинка будет занимать в памяти компьютера. Таким образом, оплатой за уменьшение объёма является деградация качества исходного изображения. Чем меньше значение параметра «Качество», тем меньше объём JPEG-изображения.

В рассматриваемом примере я остановлюсь на значении равном 6.

Чтобы оценить качество картинки до сохранения, установлю рядом с параметром «Предпросмотр» («Preview») «галочку».

5 шаг

Установлю значение второго параметра – «Форматирование» («Format Options») – равным «Стандартное оптимизированное» («Baseline Optimized»). Объём будущей JPEG-картинки уменьшился, а качество изображения осталось прежним.

6 шаг

Нажимаю в окне «Параметры JPEG» («JPEG Options») кнопку «Готово» («OK») и проверяю результат.

Сравниваю объёмы исходного PSD-рисунка (

3000 Kb) и итоговой JPEG-картинки (82 Kb). Таким образом, JPEG-файл получился примерно в 36 раз меньше исходного изображения при визуально равном качестве. Удобно!

Обращаю внимание, что размер итогового JPEG-изображения остался прежним, как у исходного PSD-рисунка он равен 2480 пикселей × 2480 пикселей.

Закрываю исходное изображение. В появившемся диалогом окошке с предложением сохранить изменения, выбираю «Нет» («No»).

Второй способ

1 шаг

Открываю исходное изображение в Photoshop.

Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Alt», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» > «Сохранить для Веб…» («Save for Web…»).

Появится новое диалоговое окно с одноимённым заголовком.

2 шаг

В появившемся окне «Сохранить для Веб» («Save for Web») в ниспадающем списке в верхней части окна выбираю значение «JPEG».

3 шаг

Устанавливаю значение параметра «Качество» («Quality») на максимум.

4 шаг

Уменьшаю размер изображения с помощью параметра «Размер изображения» («Image Size»).

Это необязательная операция, но она помогает существенно уменьшить объём будущего JPEG-изображения, чаще всего, с минимальными потерями в качестве. С одной стороны, уменьшение размера приведёт к естественному уменьшению объёма и, с другой стороны, к уменьшению детализации. Последнее, в свою очередь, ограничивает мои возможности в печати итоговой JPEG-картинки. Если я не планирую печатать последнюю, то забуду об ограничениях.

В данном примере ввожу в поле «Ширина» («Width») значение 600. Автоматически изменится значение в поле «Высота» («Height»). Также, автоматически изменится размер выходного изображения относительно размера исходного рисунка, указанный в поле «Процент» («Percent»). Изменения происходят автоматически и поле «Процент» находится в активном состоянии, если поля-параметры «Ширина» и «Высота» связаны, о чём свидетельствует соответствующий значок, расположенный справа от названных полей.

В окошке предпросмотра слева оценю размер и качество изображения. А примерный объём последнего смогу узнать по числу, указанному, обычно, в килобайтах (Kb) или мегабайтах (Mb) под левым углом окошка.

5 шаг

Устанавливаю «галочку» рядом с параметром «Оптимизированный» («Optimized»).

6 шаг

Если хочу ещё сократить объём выходного изображения, то уменьшаю значение параметра «Качество» («Quality»). Рекомендую придерживаться значений в пределах 45-90.

В данном случае я выберу значение равное 75.

В итоге, среднестатистическое, при скорости доступа в Интернет равной одному мегабиту (1 Mbits), время загрузки моего рисунка из Интернет составит одну секунду. Оно указывается под значением объёма будущего JPEG-изображения.

При этом, визуально картинка получилась вполне приемлемого качества, переходы тонов достаточно плавные.

7 шаг

Устанавливаю «галочку» рядом с параметром «Преобразовать в sRGB» («Convert to sRGB») и выбираю значение «Цвета, отображаемые монитором» («Monitor Color») в ниспадающем списке ниже.

8 шаг

Наконец, устанавливаю «галочку» рядом с параметром «Встроенный цветовой профиль» («Embed Color Profile»).

Действия на 7-ом и 8-ом шагах желательны, чтобы будущее JPEG-изображение примерно одинаково отображалось на различных устройствах.

9 шаг

В появившемся диалоговом окне с заголовком «Сохранить оптимизированное изображение как» («Save Optimized As») выбираю месторасположение JPEG-картинки и задаю её имя, если необходимо. Нажимаю в активном окне кнопку «Сохранить». Оба окна исчезают. Теперь могу оценить результат.

Закрываю исходное изображение. В появившемся диалогом окошке с предложением сохранить изменения, выбираю «Нет» («No»).

Изображение, полученное вторым способом, удобно применять для публикации в Интернет. А изображение, полученное первым способом, можно помимо публикации в Интернет выводить на печать. В виду того, что размер изображения не изменялся, оно не подвергалось интерполяции, а значит его качество априори выше качества изображения, полученного вторым способом.

Подробнее об интерполяции и её влиянии на деградацию качества цифрового изображения я расскажу в уроке «Что такое интерполяция?»

Для закрепления полученных знаний предлагаю Вам не только сохранить в формате JPEG несколько собственных фотографий, но и выполнить упражнения, приложенные к настоящему уроку. Последние охватывают задачи, с которыми Вы можете столкнуться в занятии фотографией.

Прошу Вас поделиться в комментариях результатами упражнений.

Упражнения

36 Mb) с изображениями-примерами.

1. Подготовьте фотографию «Пример1.jpg» для публикации в электронном портфолио. Для этого создайте три JPEG-изображения максимального, насколько это возможно, качества. Пусть объём каждого (место, занимаемое в памяти компьютера) не превышает 100. При этом, пусть высота первой картинки будет равна 800 пикселам, второй – 500 пикселам, и третьей – 50 пикселам. Какое значение параметра «Качество» Вам потребовалось установить в каждом из трёх случаев? При каком минимальном значении параметра «Качество» третья картинка выглядит приемлемо?
2. Подготовьте рисунок «Пример2.psd» к печати в местной фотолаборатории, которая не принимает -файлы, сохранив изображение в максимальном качестве в формате JPEG. Каков фактический объём получившейся JPEG-картинки?
3. Подготовьте фотографию «Пример1.jpg» к отправке на фотоконкурс. Организаторы конкурса хотят оценить не только смысловое содержание фотографии, но и её техническое качество. Поэтому они установили требования к принимаемым произведениям: объём – не более 300, размер – не менее 2048 пикселей по длинной стороне. Какая пара чисел «значения параметра “Качество” — размер по длинной стороне в пикселах» будут наиболее эффективно удовлетворять указанным требованиям?
4. Сохраните рисунок «Пример2.psd» в формате JPEG в 7-10 вариантах, отличающихся лишь значением параметра «Качество» на 10-15%. Например, «Пример2_10.jpg» сохраните со значением параметра «Качество» равным 10, «Пример2_20.jpg» – со значением параметра «Качество» равным 20 и так далее. При этом, размер всех вариантов уменьшите вчетверо относительно размера исходного изображения. Затем последовательно, начиная от картинки наилучшего качества, покажите в одном и том же масштабе все варианты двум-трём людям и попросите их выбрать варианты приемлемого качества. Начиная с какого значения параметра «Качество», картинка перестаёт быть визуально приятной (укажите среднее значение)?
5. Сохраните фотографию «Пример3.tif» в формате JPEG в трёх вариантах максимального, насколько это возможно, качества так, чтобы каждый вариант пользователь мог загрузить не более, чем за 1 секунду при скорости доступа в Интернет равной 1 Mbits. В первом варианте уменьшайте размер за счёт параметра «Качество», во втором варианте – за счёт параметра «Размер изображения» (или «Процент»), в третьем варианте – за счёт комбинирования и первого, и второго параметров. Покажите все варианты двум-трём людям и попросите их выбрать вариант наилучшего качества. Какой подход позволяет получить изображение наилучшего технического качества?

Примечание:

1 Одна из причин, побудивших меня подготовить данный урок заключается в следующем. Периодически я получаю фотографии и разнообразные изображения. Друзья присылают личные снимки, участники занятий – результаты выполненных заданий. Многие из присылаемых картинок, мягко говоря, огромны «не по назначению»: как по объёму в килобайтах, так и по размеру в пикселах. Требуется время, чтобы скачать изображения. А если фотографии, объём которых исчисляется мегабайтами, направятся ко мне во вложении к письму по электронной почте, то почтовый клиент будет воспроизводить их с временной задержкой, иногда достаточно ощутимой, и в 100% масштабе. Признаюсь, всё это создаёт неудобства. Представьте, сколько бы чужого времени я тратил, если бы публиковал на своём сайте или отправлял потенциальным клиентам фотографии в оригинальном качестве. Обратно к тексту.