Авг 29 2011
Графика в web-дизайне
Графика на Web-страницах очень важна. Без нее в сети Интернет не было бы такого многообразия сайтов. Кстати, графика, применяемая в Интернете, имеет определенные ограничения. Если к ним правильно подойти, запросто можно извлечь выгоду.
При создании сайта применяются два формата файлов. Это GIF и JPG. За последнее время активно продвигается еще один формат – PNG. Но пока что он мало распространен, большинство браузеров отказываются его понимать, поэтому мы его рассматривать не будем. Лучше более подробно остановимся на форматах GIF и JPG.
GIF
Этот формат поддерживает двести пятьдесят шесть цветов (не больше), в нем можно использовать палитру цветов, сжатие (при этом нет потери информации). GIF также поддерживает чересстрочную развертку. Можно сказать, что это поточный формат. Иными словами, картинка показывается уже с самого начала перекачки.
При помощи формата GIF можно назначить каждому цвету в палитре прозрачность. Кстати, это очень популярный метод у web-дизайнеров. Удобен этот формат и тем, что можно сохранять сразу несколько изображений в одном файле. Этим свойством удобно пользоваться при создании анимированной графики. В файл легко внедряются специальные управляющие блоки. Они позволяют вставлять комментарии прямо в файл.
А теперь несколько слов о том, к чему все вышеописанное может привести. Итак, поскольку GIF поддерживает только двести пятьдесят шесть цветов, изображения, сохраненные в GIF-формате, автоматически уменьшают цветность, чтобы уложиться в отведенный им лимит. Таким образом, красивая фотография, на которой богатая цветовая гамма с неотразимыми плавными переходами и еле уловимыми оттенками, после перевода в формат GIF станет неестественной и нереалистичной. Если вы все же хотите сохранить фотографию именно в формате GIF, но при этом передать оттенки, можно пойти на хитрость. Примените художественный фильтр и превратите фото в рисунок. Может помочь в этом случае и тонирование. А вот с сохранением рисунков и различных чертежей в формате никаких проблем не возникает.
JPEG
В этом формате можно сохранять полноцветные изображения. Ведь он поддерживает ни много ни мало шестнадцать миллионов цветов. Кстати, если в фотографии меньше цветов, она так или иначе преобразуется в полноцвет. Формат JPEG позволяет значительно сжимать фотографии. Но при этом идет большая потеря информации. JPEG способен поддерживать прогрессивную развертку. Иными словами в самом начале изображение появляется не очень хорошего качества, но по мере загрузки оно изменяется и улучшается.
Что ж, с форматами немного разобрались. Теперь посмотрим, какие ловушки подстерегают web-дизайнера при работе с графикой. Лучше всего работать с изображением в промежуточном формате. Это позволит сохранить картинку, не искажая цветовую гамму. Ведь когда вы неоднократно изменяете изображение, идет перезапись файла. Если это делать в формате GIF, то все оттенки изображения могут потеряться. При перезаписи в формате JPG искажения бывают столь сильными, что фотография изменяется до неузнаваемости.
Оптимизация графики
При работе с web-страницами важно всегда помнить о размерах фотографии. Приступая к оптимизации, сначала акцентируйте внимание на самом главном моменте в фотографии. Это можно сделать при помощи кадрирования. Оптимизируя ту или иную фотографию, не стремитесь сделать ее слишком маленькой. В идеале каждое фото должно быть двести пятьдесят на триста пятьдесят пикселей. По весу это шесть-десять килобайт.
