Хранитель терпения

Терпение человека иссякает через 17 секунд - к такому выводу пришли немецкие полицейские, наблюдая, как долго добропорядочные бюргеры способны ждать зеленого сигнала светофора, прежде чем перейти улицу на красный. А сколько мы ожидаем загрузки Web-страницы? Следовало бы принять 17-секундный стандарт, нарушение которого влекло бы гнев как минимум санэпидстанции.

Возможно, как только Internet-службы начнут конкурировать с сервисом "классическим", санэпидстанция возьмется и за них, введя нормы психологической е-гигиены. Пока же Web-дизайнеры упорно сдвигают баланс между самовыражением и долготерпением посетителей в критическую область отключения загрузки рисунков последними.

Рис.2

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

Ulead SmartSaver Pro 2 (USSP) назван опрометчиво: ничего общего со ScreenSaver'ами он не имеет. Основная функция USSP - сохранять графические файлы в удобном для Internet формате. Программа способна открывать BMP, EPS, GIF, IFF, IMG, JPG, MAC, MSP, PCD, PCT, PCX, PNG, PSD, TGA, TIF и преобразовывать их в GIF, JPG и PNG, размеры которых "чудесным" образом получаются меньше исходных форматов.

Казалось бы, конвертирование является тривиальной задачей для любого графического пакета от ACDSee до Photoshop. После знакомства с USSP вы измените свое мнение. В исполнении Ulead перевод изображения в удобный для Internet формат - искусство сродни текстовому переводу, требующее не только навыка, но и интуиции, машине (пока) недоступной.

Рис.3

Поэтому USSP предлагает столько настроек и установок для активного диалога с пользователем, что даже сами разработчики не решаются назвать интерфейс дружественным (рис. 1): "When you run SmartSaver, it can seem a bit confusing at first glance", - сообщается в первом разделе справки "Getting started" перед подробнейшей пошаговой инструкцией к любому действию. Зато из остальных разделов Help'a можно узнать массу сопутствующей информации о графических форматах, JavaScript и свойствах человеческого зрения. Академичность изложения (местами на латыни) подтолкнула меня к продолжению "исследований", - вы уже оценили графики и столбчатые диаграммы в 3D? Прежде чем перейти к ним, коротко перескажу историю вопроса, проливающую свет на сегодняшнее состояние дел.

В середине 80-х годов модемы на 9600 кбит/с считались завтрашним днем, а смотреть и, главное, показывать картинки, тем не менее, хотелось уже тогда. В 1987 году был принят сравнительно компактный графический формат GIF (Graphics Interchange Format), окончательно доработанный в версии 89А. Самое важное после компактности свойство GIF - это возможность сохранения множества изображений в одном файле и их последующий поочередный показ - анимация. Мультфильмы редко требуют фотографического качества, возможно, поэтому в GIF-формате предусмотрели поддержку только 256 цветов (а большего никто и не мог увидеть в эпоху VGA-мониторов). При этом один из цветов можно "назначать" прозрачным, тогда через него проступит фон Web-страницы. Принято говорить, что изображение в GIF-файлах сжимается без потерь, имея в виду разрешающую способность. Однако значительная часть цветовой информации все же теряется. Размер потерь, пропорциональный выигрышу в объеме файла, зависит от выбранного количества цветов (рис. 2, 3) и способа замены исходных цветов новыми (рис. 4). При подготовке GIF для Internet рекомендуют использовать 216 цветов так называемой палитры Browser Safe, которая поддерживается как Wintel, так и Apple. Пренебрегая Mac-пользователями (что в России пройдет незамеченным), можно достичь более высокого качества GIF-иллюстраций, разрешив USSP автоматически формировать наилучшую для каждого изображения палитру цветов и задав предварительно их количество в диапазоне от 2 до 256.

Рис.4

Если вы более Smart, чем USSP, программа позволит самостоятельно задать цвета GIF-палитры опцией User Defined. Моя знакомая от этой опции в восторге. Она (опция) словно специально создана для вышивальщиц крестиком. Задаете пользовательскую палитру по числу и цвету имеющихся ниток, секунда - и изображение в окне USSP оптимизировано для этого набора. Остается распечатать картинку в цвете на ткани с разрешением 10 dpi, чтобы один пиксел был размером с "один крестик", вышить и отстирать от принтерной краски. Подушка с вашей фотографией в четыре цвета нитью "мулине" - это, согласитесь, красноречивый подарок.

Но если обычная фотография, сохраненная в GIF, вдруг становится похожей на репродукцию вышивки вопреки вашему желанию, лучше сохранить ее в другом формате - JPG. Формат был принят в том же 1987 году после пяти (!) лет разработки группой Joint Photographic Experts Group.

Рис.5

В противоположность GIF, JPG ориентирован на полноцветные фотографии и поддерживает передачу более 16 млн. цветов, обеспечивая компактность файла в ущерб визуальному качеству изображения, обратно пропорциональному степени сжатия. Зависимость размер/качество для JPG нелинейная (рис. 5, 6). Сам факт возможности задания "качества" в один процент от исходного изображения наталкивает на мысль, что разработчики думали не столько о публикации формата в WWW, сколько об оперативности передачи JPG-файлов по e-mail от фотокорреспондентов в редакцию, где погрешности от сжатия сглаживались грубым растрированием для газетной печати.

Рис.6

Содержание снимка также влияет на объем JPG-файла: одинаковые по площади изображения при равном качестве сжатия могут отличаться размерами файлов почти в полтора раза в зависимости от количества мелких деталей с сильным контрастом. Например, фотография странички рукописи - наихудший сюжет для сохранения в JPG: при достаточном качестве - огромный объем файла, при достаточном сжатии текст превращается в россыпь козявок на мутном стекле.

Кроме регулировки качества (сжатия) в USSP имеются другие изощренные возможности поиска оптимального соотношения вид/объем (рис. 7).

-- Emphasize Area позволяет назначить произвольной области отличное от остального изображения качество сжатия (рис. 8). В изобразительном смысле прием чисто фотографический: смысловая часть (например, лицо) прорабатывается с максимальной резкостью, а прическа, фон и антураж расфокусируются, как бы обобщаются. Подчас это усиливает выразительность снимка при значительном уменьшении размера файла.

Рис.7

-- Subsampling дает два способа уменьшения объема цветовой информации (YUV411, YUV422) и возможность отказаться от такого уменьшения (None). Различия между способами невелики, но неописуемы без использования формул, от чего я воздержусь, а вы, если не воздержитесь, посмотрите в справке к USSP.

-- Mode содержит три опции выбора:

- Progressive создает изображения, способные постепенно "проявляться" по мере загрузки в окне браузера. Однако открыть такой файл смогут не все графические редакторы, особенно старые.

- Standard - классический JPG, совместимый со всеми браузерами и редакторами.

- Standard Optimized максимально сжимает изображение, незначительно ухудшая качество и сохраняя стопроцентную совместимость с любым просмотрщиком.

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

Рис.8

Взаимовлияние перечисленных опций сведено в столбчатую диаграмму на рис. 5, где за 100 процентов принят размер файла при сжатии с коэффициентом качества Q50. При других значениях Q и ином содержании файла пропорции могут меняться, но общее соотношение сохраняется.

Описание третьего Internet-формата, с которым может работать программа, - PNG (Portable Graphics Network), - можно скомпилировать из сказанного ранее, поскольку он сочетает возможности как JPG, так и GIF (кроме анимации). Экономя место, я приведу кратчайшее определение формата, процитировав в вольном переводе форум на сайте : www.creativepro.com"...пока PNG в расширении файла встречается реже, чем в расширении каталога, где указывает на содержание, а не формат: "PorNoGraphic"...". Это вполне логично для открытого стандарта, принятого только в 1996 году.

Рис.9

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

-- Slicing - разбиение большой иллюстрации на несколько частей; сохранение каждой части в отдельном файле в выбранном формате с самостоятельным значением параметров качества, картой ссылок и JavaScript; генерация HTML-кода для склейки получившихся файлов в целостную картинку. Даже при равенстве размера исходного файла сумме размеров "кусочков" их последовательная загрузка в окне браузера не столь томительна, как ожидание целого "чуда".

-- JavaScript позволяет задавать реакцию изображения на движения курсора мыши и "кликание". Формат графического файла здесь роли не играет, так как функция целиком реализуется через связанную с файлом HTML-страницу (создается автоматически). Знания собственно JavaScript не требуется (рис.9).

-- Image mapping создает карту ссылок. (Щелчок мыши над заданной областью картинки приводит к переходу на указанную при создании карты Web-страницу.) Карта ссылок сохраняется в связанной HTML-странице и на размер графического файла не влияет.

-- Resize изменяет масштаб изображения. В опции Super Fine не уступает Photoshop.

-- Crop - кадрирование.

-- Transparency - создание прозрачных областей в GIF- и PNG-файлах. Радует обширным набором инструментов.

-- Хронология - вы не просто можете вернуться на шаг-два-двести назад, но и сравнить результаты каждого шага в едином окне (рис. 6).

-- Просмотр результатов работы в IE и любом другом браузере прямо из USSP - удобно при отладке HTML-кода.

-- Подключение к Photoshop (в меню Файл/Экспорт/SmartSaver Pro 2) - редкая функция для автономного приложения.

Одного не может USSP - рисовать. Хоть бы какой-нибудь виртуальный карандашик - пару пикселов поправить, инициалы в уголке написать. Но нет в жизни совершенства.