Графика для веб-дизайна: нюансы использования

Графика для веб-дизайна

Подготовка графического материала или веб-графики для World Wide Web (WWW) имеет свою специфику и связана со скоростью передачи этого материала по каналам Интернет, а также с качеством отображения на компьютерных дисплеях.

Наиболее объемными элементами страниц являются графические изображения. Страницы с графическими элементами, которые загружаются в течение длительного времени, являются неприемлемыми для пользователя сети. Интерес к такой странице теряется после 10-15 секунд ожидания ее загрузки. Поэтому оптимизация производительности в основном ориентирована на изображения.

Скорость загрузки страницы зависит от размера графических файлов, а те, в свою очередь, от количества одновременно используемых цветов.

В Интернет используются преимущественно два типа форматов изображений: GIF (Graphics Interchange Format) и JPEG (Joint Photographic Experts Group). Они оба имеют свои преимущества и недостатки по применению. Формат GIF имеет ограничения количества цветов, которые могут использоваться в одном изображении, их может быть больше 256. Это количество цветов соответствует 8 битам. При этом достигается достаточно большой коэффициент сжатия без потери качества изображения, т.е. оптимизированное изображение соответствует оригиналу без видимых недостатков. JPEG позволяет использовать полную 24-битную цветовую палитру, что дает возможность создавать миллионы цветов. Такая цветовая гамма подходит для хранения фотографических изображений. Однако, при таком количестве цветов алгоритм сжатия данного формата не обеспечиваю качества изображения. Это означает, что при достижении соответствующего коэффициента сжатия изображение будет изменено. На фотографиях такие изменения связаны с устранением избыточной информации и они почти незаметны для глаза человека, тогда как схемы или графические зависимости могут быть изменены существенно в худшую сторону. Однако, при хранении многоцветных изображений, таких как фотографии, формат JPEG является предпочтительным, поскольку обеспечивает высокую степень сжатия.

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

Стоит помнить, что работая над размером веб-графики, следует думать не только о скорости загрузки, а о качестве изображения, которому чрезмерная оптимизация может только навредить.

* * *

P.S. Вот такой замок установил на даче:

металлические двери мультилок

Что скажете? Оправдают себя стальные двери Мультилок?

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.