Реактивные веб-сайты Николай Мациевский Евгений ...

Алгоритмы уменьшения изображений97сированной палитрой, где каждый элемент палитры описывается не тремясоставляющими (RGB), а четырьмя — RGBA (красный, зеленый, голубой иальфа-канал).Редактор Photoshop, опять же, не поддерживает этот формат, ноoptiPNG автоматически преобразует изображения с полупрозрачностью,содержащие 256 цветов и меньше, в файл такого типа. Полноцветные изображенияпри желании можно преобразовать утилитой «ImprovedPNGNQ», которая уменьшает количество цветов до указанного (от 16 до256) и сразу преобразует файл в рассматриваемый тип.Интересно поведение Internet Explorer 6.0 при отображении файловтакого типа. Как известно, полупрозрачность в PNG он не поддерживает,а такие файлы, без применения хаков, отображает как GIF — с бинарнойпрозрачностью, что лучше, чем серый цвет, которым IE заполняет прозрачныеобласти обычных PNG.3.3.3. Ä‚ÚÓχÚ˘ÂÒ͇fl ÓÔÚËÏËÁ‡ˆËflДавайте отвлечемся от приемов ручной оптимизации и рассмотриминструменты, которые помогут произвести оптимизацию автоматическую.Насколько большой выигрыш можно получить, если взять обычные изображения,сохраненные в графическом редакторе, и обработать такимиутилитами?Для тестирования были выбраны три утилиты: PMT (PNGcrush),optiPNG и PNGout. Поскольку pngout не умеет сама перебирать методыоптимизации, для нее был написан небольшой командный файл, использующийдля перебора optiPNG (метод взят с блога blog.ad.by):@ECHO OFFIF "%1"=="" EXIT 1FOR /F "usebackq delims==,IDAT tokens=5" %%i in ↵(`optipng -o4 -full -sim "%1"`) DO SET f=%%iIF "%2"=="" (pngout /k0 /n2 /f%f:∼1,1% "%1" || EXIT 3) ELSE (pngout /k0 /n2 /f%f:∼1,1% "%1" "%2" || EXIT 3)Для тестов мы взяли по 10 иллюстраций каждого типа: фотографии(глубина цвета — 24 бита), полноцветные синтетические (глубина цвета —24 бита), синтетические с градациями серого (8 бит) и с индексированнойпалитрой (8 бит).