Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів

Практична робота до предмету Інформатика 11 клас.

Тема «Практическая работа № 9: Работа с графикой - 2».

Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів

                                             Практическая работа № 9: «Работа с графикой»

                                                                                 Часть 4

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

Уменьшение разрешения изображения позволяет сократить объем графического файла, а значит и время его загрузки браузером. Однако, следует учитывать тот факт, что уменьшение разрешения ведет к потере качества изображения. Большинство мониторов отображают графику с разрешением 72 пикселя на дюйм. Такое разрешение вполне приемлемо, если пользователи не собираются получать с изображения печатные копии.

Чтобы уменьшить разрешение изображения можно воспользоваться средствами одной из программ редактирования графики, например Adobe Photoshop или Corel PhotoPaint.

Атрибут LOWSRC позволяет воспроизвести в окне браузера изображение низкого разрешения в течение времени пересылки на компьютер пользователя исходного высококачественного изображения.

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

<IMG SRC="высокое разрешение.jpg"
LOWSRC="низкое разрешение.jpg"
WIDTH="500" HEIGHT="400">

                                                              Уменьшение глубины цвета изображения

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

Формат GIF поддерживает палитру 256 цветов. Если будете преобразовывать в этот формат картинку, содержащую более 256 цветов, то похожие цвета будут подменяться "средним" цветом. А вот если преобразовывать в этот формат рисунок, с небольшой палитрой цветов, то может оказаться, что в изображении используется менее 256 цветов (например, флаг Украины содержит всего два цвета - синий и желтый, т.е. вместо 256 можно использовать 2 цвета, что существенно сократит объем файла). Таким образом, можно просто "выбросить" ненужные цвета.

Следует заметить, что не стоит уменьшать глубину цвета изображения в формате JPEG, т.к. в этом случае мы добьемся обратного эффекта - сокращение палитры приведет к росту файла изображения. Чтобы уменьшить глубину цвета изображения можно воспользоваться средствами одной из программ редактирования графики, например Adobe Photoshop или Corel PhotoPaint.

                                                                       Прозрачность фона изображения

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

Чтобы установить прозрачный фон изображения можно воспользоваться средствами одной из программ редактирования графики, например Adobe Photoshop или Corel PhotoPaint.

Надо отметить, тот факт, что для создания прозрачного фона, картинка должна обладать однородным фоном. Если это не так, то, с помощью графического редактора надо добиться однородности фона. Как это сделать можно узнать на grafika-online.com.

                                                                   Чередующиеся изображения GIF

Формат GIF обладает еще одним полезным свойством - он поддерживает режим чередования изображения при его загрузке. Что это такое?

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

Чтобы снабдить изображение свойством чередования надо воспользоваться средствами одной из программ редактирования графики, например Adobe Photoshop или Corel PhotoPaint.

Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»