Главная/ Учимся Javascript, CSS, HTML/ ПО для кодера/ Веб-графика для кодеров/ Color quantizer. Основные опции. Оптимизация PNG

Color quantizer. Основные опции. Оптимизация PNG

Дата публикации: 13.09.2011

Color quantizer — это небольшая программа для оптимизации PNG-изображений для Веб. Она значительно лучше сжимает PNG, в сравнении c Photoshop.

Возможности

  • конвертация в произвольное количество цветов;
  • сохранение PNG8 с полупрозрачностью;
  • автоматический подбор оптимальных параметров для PNGOUT;
  • пакетная оптимизация.

Рекомендуем для более тщательного изучения ознакомиться со следующим сайтом: ксгополигон

Знакомство с опциями

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

PNG опции

Color quantizer. Опции PNG

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

  • None — ничего не применять;
  • Internal — встроенная утилита от автора программы;
  • PNGOUT — многие знакомы с данной программой, разработчик Ken Silverman;
  • OptiPNG — разработчик Cosmin Truta;
  • Choice the best result — сохраняем все возможные варианты и выбираем оптимальное. Лучший вариант, когда позволяют возможности процессора, т.к. заранее угадать какой из вариантов будет оптимальным зачастую сложно.

Когда нет времени на тщательную оптимизацию, я просто выбираю pngout. Его же вот здесь http://lib.rus.ec/node/228164#comment-139550 рекомендует и сам разработчик, как наиболее эффективный в большинстве случаев.

Чекбоксы:

  • indexed color as png24 if size is less than (индексировать как png24 если вес меньше) — в некоторых ситуациях алгоритмы сжатия PNG24 лучше работают, чем PNG8, поэтому имеет смысл эту галочку включать.
  • always save PNG24 — тут думаю понятно назначение, вот только смысл этой опции для меня — загадка.
  • interlace — до полной загрузки картинки изображение отображается в низком качестве, визуально ускоряет загрузку изображения, но увеличивает вес файла.

Панель настроек справа

Color quantizer. Панелька настроек справа
  • выбор количества цветов — меньше цветов, меньше вес файла, может пострадать качество. Ищем компромисс экспериментально. Нужно нажать кнопку «ок», чтобы в настройка применилась к превью. Для того чтобы сравнить результат с оригиналом, достаточно кликнуть и удержать левую кнопку мыши на превью — покажется оригинал.
  • % err — сколько процентов палитры резервировать под второй проход. Влияет на качество изображения. Оптимальный вариант подбирается экспериментальным путем. Чем меньше процент, тем вес больше, но качество лучше.
  • 1st quant — первый проход квантователя, для TrueColor выполняет постеризацию, для всех остальных случаев учитывается вес при смешивании цветов, позволяет устранить избыточность (шум) на предварительном этапе преобразования. Изменяется в приделах 2..256, чем больше значение, тем больше цветов останется на второй проход.
    По простому: если ползунок максимально влево — получим более оптимизированное изображение, но более долгую обработку.
  • max error — экспериментальный, чем больше влево, тем лучше качество, но больше вес. Чем больше цветов задано, тем больше придется сдвигать влево, чтобы сохранить качество.

Настройки квантования

Color quantizer. Настройки квантования
  • Алгоритм снижения цветности — по умолчанию Adaptive (подходит для большинства случаев). С остальными можно экспериментировать.
  • Frame size — этот параметр мало влияет на качество палитры, он нужен для отладки, лучше не трогать.
  • Color model — выбираем RGB для искусственных изображений, YUV — для фотографий.
  • Disering — выбор алгоритма замещения недостающих цветов. Вроде как лучше всего работает «Флойд-Штейнберг», хуже всего — «Байер».
  • Переключатель «mse/msad/psnr» — служит для отладки.

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

В качестве примера

Попробуем различные настройки к изображению с полупрозрачностью (фон с квадратиками подложен чтобы были видны участки с прозрачностью):

оптимизация в фотошоп
Photoshop. Save for Web как PNG24. Вес 281Kb.
оптимизация в cq с настройками по умолчанию
Color quantizer. Настройки предложенные программой (Truecolor, err = 25%, 1st = 256, max err = 8). Вес 256Kb.
оптимизация в cq с настройками по умолчанию
Color quantizer. Настройки предложенные программой, вручную изменен только цвет (512 цветов, err = 25%, 1st = 64, max err = 8). Вес 116Kb.
оптимизация в cq с ручными настройками
Color quantizer. Ручные настройки (512 цветов, err = 50%, 1st = 39, max err = 64). Вес 84.6Kb.