Веб-дизайн - Рисунки и фотографии

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

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

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

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

Уменьшение размера изображения

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

К сожалению, при изменении масштаба изображения уменьшаются настолько, что могут становиться абсолютно неразборчивыми. Применение кадрировки (обрезки краев изображения) позволяет сохранить детализацию на исходном уровне, однако при этом утрачивается определенная часть содержащейся в изображении информации. Оптимальным выходом в данной ситуации может стать совместное использование обоих указанных методов. Например, для получения уменьшенного образца, размер которого составляет 10% от размера исходного изображения, вначале следует обрезать изображение до 32% относительно исходного размера, а затем уменьшить его масштаб до 32% от размера версии после кадрировки. Размер полученного в результате этого варианта изображения составляет 0,32 хО,32=0,1 от исходного.

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

Два традиционных способа уменьшения размера изображения предполагают его кадрировку (рисунок слева) или масштабирование (рисунок справа).

К сожалению, кадрировка изображения приводит к потере контекста, особенно в случае, когда требуется значительное уменьшение его размера. При масштабировании утрачиваются мелкие детали изображения, в результате чего становится сложно разобраться в его содержании.

Использование смешанного метода позволяет сохранить как контекст, так и степень детализации изображения даже при значительном уменьшении его размера. В показанных примерах уменьшение изображения выполнялось наполовину за счет кадрировки (с сохранением центра области кадрировки в центре действия представленной изображением сцены) и наполовину - за счет масштабирования.