Компьютерная графика — область деятельности, в которой компьютеры используются в качестве инструмента, как для синтеза (создания) изображений, так и для обработки визуальной информации, полученной из реального мира.

Определение термина в Википедии

Зачем нужна оптимизация графики на продвигаемом сайте?

Оптимизация структуры

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

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

Чтобы произвести оптимизацию графики высокого качества необходимо использовать предназначенные для этого графические программы, такие как ImageReady, Macromedia Fireworks, Adobe Photoshop, Ulead Smart Saver, PhotoImpact. В диалоговом окне программы Adobe Photoshop имеется возможность Web оптимизации графики. Открыть данное окно можно командой "Save for web" которая находится в меню File. Так как в различных форматах применяются различные алгоритмы хранения инфор-мации и сжатия, существуют разные оптимизационные правила.

Web-мастера предпочитают размещать изображения трёх основных форматов графики: • GIF • JPEG • PNG.

GIF Graphics Interchange Format - именно так звучит сама аббревиатура. Формат является растровым и его диапазон цвета ограничен 256 цветами, ведь используется всего 8 бит для хранения информации о самом цвете. Есть возможность уменьшить количество цветов до 2, тем самым сократить размер графических файлов.

Оптимизация структуры

У формата GIF имеется большое преимущество перед другими популярными форматами web-графики - построчная развёртка. Если данная опция включена, изображение увеличивает свою четкость постепенно. В самом начале будет отображаться каждая 8 строчка, после каждая 4, 2 и, только потом, изображение будет полностью выведено на экран. Это дает возможность изображению появится на экране почти моментально, не дождавшись полной загрузки. Благодаря этому возникает возможность сразу понять, что изображено на картинке. Сжатие в данном формате происходит по строкам, т.е. сжатие будет применено при условии однородного цвета строки.

JPEG Joint Photographic Experts Group . Данный формат изображения поддерживает 24-битные цвета. Полноцветные изображения лучше всего сохранять именно в нем. Сжатие JPEG происходит с потерями. Сжатие этого формата происходит за счет разложения на составляющие самого изображения, в следствии достигается высокое качество сжатия при значительно небольшом ухудшении качества.

PNG Portable Network Graphics. Данный формат является относительно новым, он был призван заменить полюбившийся нам GIF. У PNG существует 2 варианта - PNG-8 и PNG-24. У PNG-8 практически те же возможности что и у GIF, не считая отсутствие анимации и улучшенное сжатие. В то время как PNG-24 не так прост, он обладает альфа-прозрачностью, которая дает ему 256 градаций вариантов прозрачности. Так же в данном формате применяется более улучшенное сжатие, чем в формате JPEG.

У формата GIF имеется большое преимущество перед другими популярными форматами web-графики - построчная развёртка.