Как мне оптимизировать фотографии для веб-портфолио?

Question

Можете ли вы дать мне советы о порядке работы в постобработке? Я новичок в интернете и пытаюсь представить свою лучшую работу, но когда она появляется на моем сайте, она выглядит как дерьмо. Как мне экспортировать файлы, чтобы они оставались такими же качественными, как на моей камере и в Lightroom? Научи меня своим путям !!

Я конвертирую изображения Canon EOS 6D RAW в JPEG.

Answer 1

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

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

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

Answer 2

Когда вы сохраняете для Интернета, первое, что вы хотите сделать, это убедиться, что изображение помечено цветовым пространством sRGB. Несмотря на то, что в последние годы были достигнуты довольно большие успехи, веб-браузеры по-прежнему не имеют повсеместной и надлежащей поддержки управления цветом. Многие цифровые камеры будут использовать цветовое пространство Adobe RGB (либо по умолчанию, либо, возможно, вы его выбрали). Adobe RGB представляет собой более широкую гамму и потенциально может сохранять более точную цветопередачу, но он еще не полностью совместим с Интернетом (или, в этом отношении, экраном среднего качества).

Если вы загружаете в Интернет фотографию, которая помечена цветовым пространством, отличным от sRGB, некоторые браузеры часто неправильно отображают ее. Пространства Adobe RGB и Pro Photo RGB обычно выглядят размытыми и тусклыми (изображения Pro Photo RGB могут даже выглядеть практически в оттенках серого.) Если это именно то, что вы видите, вам просто нужно пометить изображения с помощью sRGB.

Если ваши фотографии отображаются с правильным цветом, но в противном случае выглядят некорректно, то вы, вероятно, сохраняете их со слишком большим сжатием. JPEG (самый распространенный формат фотографий, и, как я предполагаю, вы используете) имеет настраиваемый уровень сжатия (или качества). Какой уровень сжатия вы используете, зависит от того, что на фотографии. Для фотографий с большим количеством случайных деталей и без градиентов вы можете избежать значительного сжатия, прежде чем появятся артефакты. Тем не менее, если ваши фотографии имеют плавные детали или, что более важно, градиенты, вы захотите сжать как можно меньше. Градиенты, которые могут быть такими же мягкими, как простое голубое небо, УЖАСНО сжимают в JPEG. Если у вас есть фотографии с большим количеством неба, лучше использовать настройки сжатия с качеством более 90. Если вы хотите полностью исключить артефакты на таких фотографиях, то вам нужно просто добиться 100 качества, если вы просто и не можете позволить себе файлы изображений такого большого размера.

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

Answer 3

1. Создайте изображение в том размере, в котором оно будет просматриваться : Если изображение помещается в макет Wordpress размером 600px, но имеет ширину 3000px, некоторый ненадежный процесс изменит его размер, и вы потеряете резкость. Пока мы занимаемся изменением размеров, сделайте это в Photoshop. Изображение> Размер изображения. Установите правильный размер пикселя (не беспокойтесь о DPI) и используйте настройку Bicubic Sharper (лучше всего подходит для уменьшения)

2. В фотошопе: Файл> Сохранить для веб . Установите JPG с минимальным качеством 60. Убедитесь, что он конвертируется в sRGB (где-то есть небольшая галочка). Это точно преобразует ваш цвет, чтобы точно соответствовать оригиналу.

Answer 4

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

Видите ли, фотографии представлены в определенном цветовом пространстве (продиктованном цветовым профилем). По умолчанию используется цветовое пространство Adobe 1998, которое содержит большинство цветов. Веб-браузеры не используют цветовое пространство. Тем не менее, они используют цветовое пространство sRGB, поэтому вам следует преобразовать его в sRGB, чтобы ваши фотографии отображались так, как вы планировали.

Надеюсь, это поможет.

Answer 5

Предоставляет вам простой инструмент для оптимизации изображений - Lossless Photo Squeezer, он прост в использовании и может сжимать ваши фотографии в пакетном режиме. https://itunes.apple.com/app/id704083918

Если вы пользователь Mac, возможно, вы можете попробовать IMAGEmini . Я использовал его для оптимизации своих изображений, и это мощно. Мне нравится пользовательская функция изменения размера. Более подробную информацию вы можете посетить https://itunes.apple.com/app/id771501095

Answer 6

В Lightroom вы можете попробовать использовать модуль «Печать» для «печати в файл JPEG». Установите для DPI значение 100 (поскольку это не имеет значения при просмотре в браузере) и используйте «размеры страницы» в качестве необходимого разрешения PIXEL (деленное на 100). Например, если вам нужно изображение размером 1000x800 пикселей для вашего веб-сайта, установите размер страницы 10 x 8 дюймов при 100 DPI. Это создает высококачественные изображения sRGB, которые должны правильно отображаться на вашем сайте.

Чем это отличается от функции EXPORT? Ну, это отличается в том смысле, что вам не нужно пропорционально обрезать изображение (возможно, с помощью виртуальной копии) перед экспортом. Например, если вы хотите «экспортировать изображение для использования в качестве обложки Facebook», вы можете просто «распечатать» до нужных размеров и использовать модуль печати, чтобы изменить положение изображения перед его печатью в автоматический sRGB (веб-интерфейс). готов) изображение. Вы все еще можете использовать экспорт, чтобы сделать то же самое, но это будет означать, что вам придется либо обрезать его после экспорта, либо обрезать его перед экспортом, или сделать так, чтобы целевой сайт изменил размер / обрезал его для вас, используя методы, которые вы не можете контролировать.