3.4. Рисунки и фотографии

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

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

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

Оптимизация графики – это поиск компромисса между ее качеством и объемом файла, который сводится к выбору, во-первых, одного из двух форматов: GIF или JPEG, во-вторых, параметров сжатия в выбранном формате.

Сжатие графики в формате JPEG определяется одним-единственным параметром, называемым уровнем качества (quality) и измеряемым в относительных единицах – чаще всего от 0 (минимальное сжатие) до 100 (максимальное качество). Большинство JPEG-файлов сохраняются с уровнем качества в диапазоне от 30 до 80. Как правило, чем плавнее и размытее цветовые переходы в изображении, тем меньшим может быть этот параметр и тем большего сжатия удается достичь. Наоборот, четкие и контрастные цветовые границы требуют повышения уровня качества, иначе возле них появляется неряшливая "рябь".

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

Взамен единственного и довольно абстрактного "уровня качества" степень сжатия в GIF регулируется рядом параметров, самым важным из которых является количество цветов, или размер палитры. Для малоразмерной графики нужно отметить, что в изображениях, размер которых меньше приблизительно ста пикселов по одному из измерений, единственным разумным выбором остается формат GIF. Если необходимо создать графический элемент малого размера – GIF справится с его воспроизведением ничуть не хуже, чем JPEG. Последний формат попросту не приспособлен для малоразмерной графики – достаточно сравнить объемы изображения размером в один пиксел: 43 байта в GIF и свыше полутора килобайт в JPEG.