среда, 2 апреля 2008 г.

"Живая" иллюстрация JPEG-качества на JavaScript

Допустим, есть некоторый сайт, который позволяет загрузить картинку, что-то с нею сделать, затем скачать результат в виде JPEG-файла. Например, просто пережимает картинку с меньшим качеством или конвертирует PNG/GIF/BMP/TIFF в JPEG выбранного качества.

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

Можно показывать не всю картинку, а небольшой участок в увеличенном виде. Это уменьшит нагрузку на сервер, а также даст возможность поподробнее рассмотреть результат.

Комментариев нет: