Подготовка графики к размещению в Web

 

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

Может быть, вам уже надоела сентенция о том, что объем графики для Web надо снижать до нуля, но пропустить этот раздел никак нельзя. Надо помнить, что большие графические файлы приводят к уменьшению аудитории, никто не досидит до конца, дожидаясь пока загрузятся ваши файлы. Поэтому старайтесь, чтобы высококачественные репродукции занимали не более 50-70 Кбайт, рядовые картинки оформления - 15-20 Кбайт, а элементы навигации - 5-7 Кбайт.

Чтобы добиться быстрого отклика от сервера, пользуйтесь форматом GIF. Он содержит возможность чересстрочной загрузки, а это значит, что, как только страница начала загружаться на пользовательскую машину, начнет перекачиваться и "preview" низкого разрешения для всей GIF-графики и зритель увидит "схемы" ваших работ. Но надо помнить, что максимальное число цветов в GIF - 256. Это значит, что все ваши Hi-End иллюстрации с миллионами цветов очень сильно пострадают.

Экспортировать в GIF-формат возможно либо в адаптивной, либо в системной цветовой палитре. Адаптивная палитра позволяет настраивать цвета изображения, подбирая каждому номеру указанный в фале цвет. Это хорошо при большом количестве доступных цветов, но если на экране всего 256 цветов, то настроить ничего нельзя и отображение графики проходит некорректно. В это смысле системная палитра отрабатывает четко: каждому номеру соответствует цвет, стандартно заданный в операционной системе. Но в Windows 95 и MacOS, например, стандарты разные, так что пользователь из "другого стана" уйдет с вашей странички ни с чем.

Формат GIF89а содержит такую полезную вещь, как возможность анимирования картинок, и возможность просмотра анимации поддерживается подавляющим большинством браузеров.

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

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

Каждый формат имеет свои слабости. GIF плохо работает с изображениями с тонкими цветовыми переходами. Цветовой переход имеет много промежуточных оттенков, а поскольку в этом формате все цвета наперечет, часть информации теряется и вместо гладкого перехода мы имеем пастеризованную на несколько уровней картинку. JPEG, наоборот, не имеет ограничений по цвету, но в самых эффективных проявлениях своих алгоритмов сжатия плохо переваривает цветовые границы: здесь проявляются фантомы и цветовой шум, что тоже бьет по глазам. Поэтому, перед тем как экспортировать свою графику в Web, подумайте, с какой целью вы ее помещаете и каков базовый принцип ее построения: если это схематичная миниатюра или средство навигации/оформления, нужно, безусловно, пользоваться форматом GIF. Ну а если это репродукция, к просмотру которой зрители будут готовы (смирятся с объемом и низкой скоростью загрузки), - работайте с JPEG.