2.2 Подбор и оптимизация графического изображения

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

Библиотека рисунков содержит уже готовые к использованию изображения. Загрузить ее можно через Internet, например, с сервера Yahoo или c компакт-диска. Однако библиотеки рисунков обладают одним существенным недостатком – не вы одни имеете возможность ими пользоваться.

Примечание: перед тем как помещать какое-либо изображение или фотографию на свой Web-сайт, убедитесь, что вы имеете право это делать.

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

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

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

На завершающем этапе подготовки рисунка для Web лучше использовать программы растровой графики типа Adobe Photoshop, поскольку форматы GIF и JPEG являются растровыми. По этой причине для создания объектов изображения (например, текста) используют программы векторной графики, а затем экспортируют рисунок в программу растровой графики.

Оптимизацию графических файлов для Web можно осуществлять в графическом редакторе Adobe Photoshop.

Простейшим способом оптимизации изображения является уменьшение его размера. Для этого выберем команду Изображение→Размер изображения и заполним диалоговое окно (рис. 2.1): в блоке размеры в пикселах изменим поля Ширина, Высота. Уменьшение размера приводит к значительному уменьшению объема файла.

Рисунок 2.1

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

Для того чтобы сохранить графический файл в формате GIF (JPG) нужно: выбрать команду Файл → Сохранить копию; в появившемся окне выбрать место на диске Папка, ввести Имя файла, в выпадающем меню Формат выбрать тип файла GIF (JPG); и Сохранить. В результате появляется диалоговое окно (рис.2.2 а, б), в котором можно изменить параметры изображения и, если включен Просмотр, то увидеть, как изменилось изображение.

а) б)

Рисунок 2.2

Начиная с Adobe Photoshop 5.5 предусмотрен специальный пункт меню предназначенный для сохранения графики для Web - Файл → Сохранить для Web. При его выборе открывается диалоговое окно (рис.2.3), в котором можно просматривать до 4 вариантов изображения одновременно, изменять параметры каждого варианта и сохранить наиболее оптимальный вариант.

Рисунок 2.3