Как избежать артефактов сжатия JPEG при сохранении фотографий в веб-разрешении?

Когда я сохраняю изображение с веб-разрешением (например, 1920 × 1024 пикселей), оттенки плоских областей часто имеют поврежденные оттенки цвета. Я сохраняю в Photoshop CS4 с качеством 2 в стандартном режиме, потому что мне нужно, чтобы файлы были менее 300 КБ. Как я могу сделать свои изображения JPEG такими маленькими без артефактов сжатия?

Пример: http://www.screencast.com/users/capsize/folders/Jing/media/f858e229-1f05-431c-98ce-5334918aa1f3

Если вы сохраните изображение JPEG с крайне низким уровнем качества, вы получите артефакты сжатия. Это просто факт сжатия JPEG с потерями. Если вы хотите избежать артефактов сжатия, используйте настройку более высокого качества, чем 2. Вам не нужно сохранять с максимальным качеством, так как большинство изображений можно сохранить с довольно низким качеством без заметной потери деталей или видимых артефактов.

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

Отличная статья, которая может быть полезна, может быть найдена здесь:

• Анализ настроек качества экспорта Lightroom JPEG

Вышесказанное относится к Lightroom, однако фундаментальная концепция все еще применима к Photoshop. Важным моментом из вышеприведенной статьи является то, что нижний диапазон настроек качества для JPEG, как правило, оказывает незначительное влияние на размер изображения, и только когда вы достигаете нескольких верхних скобок, размер изображения начинает увеличиваться в какой-либо значительной степени. Я подозреваю, что вы можете изменить настройку качества с 2 на 5 и нанести небольшой удар по размеру вашего изображения.

В вашем конкретном примере: увеличьте качество или уменьшите изображение и удалите все метаданные (включая информацию о цветовых профилях).

Вы берете изображение размером примерно 8 МБ (необработанные пиксельные данные: 1920px x 1024px x 32bpp / 8b / M) и пытаетесь уменьшить его до размера менее 300 КБ, что составляет сокращение в 26 раз.

Это трудная задача, без каких-либо артефактов.

Уровень качества 2 создаст артефакты, поскольку сжатие JPEG с потерями, и поэтому, чем больше вы сжимаете, тем больше вы теряете. К сожалению, единственный реальный способ избежать этого - минимизировать сжатие.

Однако в Photoshop (начиная с CS2) есть возможность удалять артефакты JPEG в диалоговом окне «Фильтры-> Удалить шум». Я подозреваю, что успех этого будет несколько отличаться, но это может помочь вам очистить изображение. Вам, вероятно, придется загрузить сохраненное изображение в фотошоп, а не использовать то, что все еще там, поскольку оно, вероятно, не будет отражать артефакты.

Другие ответы («Это в основном противоречиво!») Хороши. Однако я хотел бы добавить еще кое-что, что вы можете попробовать: вы можете применить гауссово размытие к изображению после уменьшения, но до сохранения в формате JPEG. Если вы хотите получить фантазию, используйте цветовое пространство L * a * b * и просто размывайте каналы a и b, оставляя L в покое.

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

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