Графика

В Интернете наиболее популярны два графических формата: GIF и JPEG.

Обычно используют:

JPEG – для фотографий и очень сложных по цветовой гамме рисунков с плавными цветовыми переходами (в расширении записывается как JPG).

GIF – для логотипов, надписей, заголовков, рисунков, имеющих четкие цветовые граница.

Формат GIF

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

GIF-формат имеет три дополнительные возможности.

r Мультипликация. Используя анимационный GIF-редактор, легко собрать простой «мультик»: нарисовать отдельные кадры, настроить время задержки в последовательности показа, «зациклить кино» или показывать кадры только один раз. Когда анимация готова, она записывается на диск как обычный GIF-файл. Но в этом файле не одна, а целая коллекция GIF-картинок и разная настроечная информация.

В HTML нет различия между заданием вывода на экран простого GIF или анимированного. О том, что картинка «живая» - браузер узнает в момент загрузки GIF-файла и поступает соответственно. Обычные картинки он просто размещает на экране и забывает про них. Анимированные ему приходится опекать постоянно, меняя кадры на экране в соответствии с программой, заложенной в самом GIF-файле.

r Прозрачная графика. GIF-формат позволяет один или несколько цветов в картинке объявить прозрачными. Это помогает избавиться от строго прямоугольных иллюстраций и вписывать рисунок в документ более привлекательным образом:

Обычный GIF

Прозрачный GIF

Прозрачный цвет задается в редакторе при записи GIF-файла на диск.

r Чересстрочная развертка. Применяется для больших GIF. Иллюстрация разделяется на четыре части, размером с оригинальную картинку. Первая часть содержит 1, 5, 9-ю и т.д. строки исходного изображения. Вторая – 2, 6, 10-ю и т.д. Третья – 3, 7, 11-ю и т.д. Четвертая – 4, 8, 12-ю и т.д.

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

Формат JPEG

Этот формат был разработан специально для передачи фотографий. Он поддерживает миллионы цветов и позволяет получать изображения очень высокого качества.

Конечно, высокое качество отражается на размерах файла. Но формат JPEG имеет одну особенность: в JPG-редакторе при записи на диск можно указать ту степень качества, которая нужна и, тем самым, балансируя на планке «качество-размер файла», достичь нужного компромисса. В самом деле, если из миллиона цветов отсканированной фотографии оставить только 10 000, заменив остальные цвета на близкие, - на глаз такую подмену обнаружить будет практически невозможно, а размер файла существенно сократиться.

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

Обычно графические файлы не смешиваются с HTML-текстами, а помещаются в отдельную папку pic – подкаталог каталога с программами (HTML-файлами).

Узнать формат и размеры графического файла можно кликнув по нему правой кнопкой мыши и выбрав в контекстном меню команду Свойства.