Как правильно сохранять фотографии
Многие сталкиваются с проблемой — загружаешь фотографию в интернет, а она выглядит не так, как в Фотошопе — теряет контраст, насыщенность или детализацию. Давайте разберёмся, как этого избежать.
В первом пункте я расскажу, почему так происходит. Во втором — то, как правильно сохранять фото и избегать проблем.
Если вам не интересна минутка теории, телепортируйтесь сразу во второй пункт.
1. Почему так происходит?
• Потеря цвета и контраста
Когда вы впервые заходите в Photoshop, рабочим цветовым пространством по дефолту будет являться Adobe RGB. А почти вся растровая графика в интернете существует в пространстве sRGB.
Разница в цветовом наполнении этих пространств:
Таким образом, просто сохраняя оригинал и загружая его в интернет, мы создаём конфликт цветовых пространств.
Далее, сайт каким-то образом пытается интерпретировать вашу фотографию в sRGB и часто делает это некорректно — поэтому мы и теряем насыщенность и контраст.
• Потеря детализации
Увы, бесполезно загружать фотографию в оригинальном изображении, чтобы зритель увидел всю детализацию.
У каждого сайта есть свои ограничения по бóльшей стороне фотографии. У VK — 2560px, у Инстаграма — 1080px. Если мы зальём фотографию бóльшего размера, сайт сам её уменьшит (читай — сожмёт).
При этом, в ленте этих соцсетей фотографии становятся ещё меньше. Если хочется поделиться хайрезом — выкладывайте его в комментарии, или в отдельном телеграм-канале, как часто делают сейчас фотографы.
2. Как правильно сохранять?
Итак, мы выяснили наши слабые стороны — цветовое пространство и размер фотографии. Делаем следующее:
Выставляем правильное цветовое пространство
Готово, теперь мы всегда будем работать в нужном нам цветовом пространстве — sRGB.
• Уменьшение размера фотографии
Чтобы наша фотография не видоизменялась сайтом, уменьшим её до подходящих значений:
Для VK — 2560px по бóльшей стороне
• Резкость
Если ваша фотография при уменьшении сильно потеряла в детализации, добавьте немного резкости.
При нажатии сочетания клавиш Ctrl+1, увидите фото в реальном разрешении относительно вашего экрана. Так можно оценить детализацию.
• Save for Web
Теперь сохраним фотографию с помощью специально для этого созданного механизма. При нажатии Ctrl+Alt+Shift+S откроется окно сохранения для Web.
Осматриваем скриншот на предмет красных рамочек и выставляем всё так же:
Несколько моментов по Save for Web:
• Почему нельзя уменьшить фото сразу в этом окне? — Если вы не уменьшите фото перед тем, как открыть его в окне сохранения для web, есть вероятность зависания Фотошопа, что может привести к потере файла. А ещё, здесь вы не сможете отрегулировать резкость.
• Почему нельзя выставлять sRGB в этом окне, а в ФШ работать в Adobe RGB? — Это не запрещено, но гораздо удобнее работать со всеми файлами в одном, подходящем цветовом пространстве. И да, чтобы увидеть Adobe RGB на своём экране, нужно купить дорогой монитор, который сможет отразить цвета этого пространства. Стандартно же мониторы как раз отражают sRGB.
• И ещё одно важное замечание — Сначала вы сохраняете оригинал фото, и лишь потом подготавливаете копию к публикации: уменьшаете размер и сохраняете сжатую версию. Я по своей глупости не раз сохранял сжатую версию, забывая сохранить оригинал, и закрывал Фотошоп. Не будьте мной!
Сжатые файлы у меня лежат в отдельной папке; мне кажется, это удобно.
Закрепим
• Работаем в sRGB.
• Сохраняем копию оригинала.
• Уменьшаем фото.
• Добавляем резкости, если нужно.
• Сохраняем с помощью Save for Web.
• Льём в соцсети.
• Собираем лайки.
• Радуемся жизни, в которой фотографии в интернете выглядят так же, как и в фотошопе. Ура!
Спасибо за прочтение!
Подписывайтесь на меня, если хотите:
• Колористика
• Фотки
• Телеграм