Иллюстрированный самоучитель по созданию сайтов

Графические форматы Интернета

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

Несмотря на то что графических форматов очень много, в качестве стандартных для использования в Интернете приняты только три из них. Это CompuServe Graphic Interchange Format, или, попросту, GIF, формат JPEG (названный по имени группы создателей – Joint Picture Expert Group) и сравнительно новый формат PNG (Portable Network Graphics). Кроме того, на скорую стандартизацию претендуют форматы DjVu (этот формат оптимизирован для представления документов, содержащих одновременно текст и графику) и LuRaTech Wavelet (LWF) – формат, отличающийся возможностью высокой степени сжатия при довольно высоком качестве. Он отличается тем, что при сжатии можно заранее установить размер будущего файла.

Однако пока создателю веб-страниц лучше ориентироваться лишь на два наиболее распространенных в Интернете формата – GIF и JPEG. Они поддерживаются всеми браузерами и не требуют каких-либо дополнительных модулей для отображения.

Оба эти формата были созданы для хранения графики в сжатом виде. Формат JPEG при этом использует метод “сжатия с потерями”, то есть при сжатии часть информации безвозвратно теряется. Влияет ли это на качество изображения? Безусловно, но при умелом обращении потерю качества можно сделать настолько малозаметной, что ею можно пренебречь.

Формат GIF

Формат GIF предназначен в основном для “рисованных” изображений: чертежей, графиков и т. д. В нем используется так называемая индексированная цветовая палитра. Максимальное количество цветов в ней – 256. Так что не стоит сохранять в формате GIF, например, многоцветные фотографии – размер файла останется довольно большим, а качество изображения заметно ухудшится за счет уменьшения количества цветов. Зато файлы, содержащие много одноцветных точек, расположенных рядом, сжимаются с помощью формата GIF до небольших размеров. Кроме того,. формат GIF имеет еще ряд достоинств.

Иллюстрированный самоучитель по созданию сайтов › Графика на веб-странице › Графические форматы Интернета
Рис. 3.6. Страничка с круглой фотографией

Во-первых, GIF-рисунок может быть “прозрачным”. То есть, можно один цвет удалить из палитры GIF, определив его как прозрачный. Тогда при отображении, сквозь точки, окрашенные в этот цвет, на рисунке будет виден фон веб-страницы. Это очень помогает при создании рисунков фигурной формы. Например, этим приемом можно поместить на веб-страницу круглую фотографию. На самом-то деле она, конечно, прямоугольная, просто края ее сделаны прозрачными (рис. 3.6).

Исходный текст этой странички самый простой:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<HTML>
  
<HEAD>
    <TITLE>Круглая фотография</TITLE>
</HEAD>
  
<BODY BACKGROUND="Images/back3.jpg" BGCOLOR="#000000" TEXT="#FFFFFF" LINK="Yellow" VLINK="Yellow" ALINK="Yellow">
    <DIV ALIGN="center">
        <FONT SIZE="+3">НА ЭТУ СТРАНИЧКУ ПОМЕЩЕНА </FONT>
        <BR>
        <IMG SRC="Images/yooiee2.gif" WIDTH="480" HEIGHT="400" BORDER="0" ALT="ФОТОГРАФИЯ" <BR>
        <FONT SIZE="+3">КРУГЛАЯ ФОТОГРАФИЯ! </FONT>
    </DIV>
</BODY>
  
</HTML>
Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.