Графика в Интернете

   Графика в Интернете... Интернет, как таковой, состоит из ячеек вэб-сайтов. На каждом сайте, помимо текстовой информации находится также и графическая информация. На мой взгляд, графические картинки на сайте должны преследовать какую-либо цель, а не просто находиться, как забивающие пустое место изображение...
Для использования в Интернете применяется два основных формата графических изображений - GIF и JPG. Сейчас продвигается новый формат для передачи графики под названием PNG. Надеюсь он будет удачным компромиссом между GIF и JPG. Хотя кто знает...
   Итак, приступим к разбору форматов GIF и JPG, опишем их основные свойства и особенности.

Формат GIF:
• Поддерживает не более 256 цветов.
• Использует палитру цветов.
• Использует сжатие без потери информации по методу LZW.
• Поддерживает чересстрочную развертку.

• Является поточным форматом, т.е. показ картинки начинается во время загрузки.

• Позволяет назначить одному из цветов в палитре атрибут прозрачный, что применяется при создании так называемых прозрачных GIFов.

• Имеет возможность сохранения в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIFов.

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

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

Формат JPEG:

• Позволяет сохранять полноцветные изображения с количеством цветов 16,7 млн. цветов (или 24bpp), причем, если в рисунке меньше цветов, то перед сохранением файла он все равно преобразуется в полноцветное изображение.

• Использует сжатие с потерями информации, за счет чего достигает диких степеней сжатия файлов.

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

• Пожалуй, это все преимущества формата JPG, и основное его предназначение - хранение изображений фотографического качества.

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

Комментарии к статье...