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

Question

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

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

Answer 1

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

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

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

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

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

Answer 2

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

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

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

Answer 3

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

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

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

Answer 4

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

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