Иллюстрированный самоучитель по Web-разработке на Macromedia Studio MX

Форматы PNG, GIF и JPEG

Существует множество форматов рисунков, доступных в пакете Macromedia MX Studio. Знание того, какой формат лучше всего подходит для конкретной задачи, критично для успеха всего процесса. В некоторых приложениях пакета недоступны такие популярные форматы, как TIFF, PICT и BMP. Однако во всех приложениях пакета доступны три общих формата – PNG, JPG и GIF. Их можно создавать и редактировать также и в приложениях FreeHand и Fireworks.

PNG

Наименее понятным форматом из этой серии является PNG (Portable Network Graphics). Изначально он создавался как свободная от лицензий альтернатива формату CompuServe GIF. На самом деле этот выпад не сработал. Но не потому, что он не мог себя противопоставить таким монстрам, как GIF и JPG, а потому, что в старых браузерах отсутствовала его поддержка. Несмотря на это, благодаря своей способности хранить большой объем информации в небольших файлах без потери качества рисунка, он нашел свою нишу в пространстве графических форматов. К тому же PNG является единственным Web-форматом, обеспечивающим реальную прозрачность.

Формат PNG можно использовать для хранения данных в 8- и 24-битовом цвете. По сравнению с JPG, формат PNG имеет несколько большие размеры файла, но именно за счет того, что не теряется качество. Таким образом, несмотря на большие размеры, качество рисунков в нем значительно выше, чем в формате JPG.

Однако реальной находкой для Web-дизайнера этот формат становится благодаря его поддержке прозрачности. Информация о прозрачности хранится в альфа-канале, который значительно надежней, чем 1-битовая прозрачность, предлагаемая форматом GIF. Еще одно преимущество этого формата – возможность использования оттенения (opacity). Единственным же его недостатком является то, что не все браузеры поддерживают альфа-канал прозрачности, не требуя при этом установки дополнительного модуля (plug-in) типа QuickTime. Если в вашем рисунке PNG фон является прозрачным, можно как альтернативу предложить обработать его во Flash MX.

Формат PNG в приложении Fireworks принят по умолчанию. Если вы готовите рисунки для использования во Flash MX, независимо от того, применяется прозрачность или нет, это – лучший формат. Если в этом рисунке используется прозрачность, Flash MX преобразует ее в свой символ, что позволит ей отображаться в связанных объектах. Еще одним преимуществом использования Fireworks в связке с Flash MX является то, что последний распознает все слои, векторы и прочие механизмы, которые хранятся в файлах формата PNG.

GIF

Файлы формата GIF (Graphic Interchange Format) лучше всего использовать для цветных рисунков, которые имеют небольшие размеры благодаря ограниченной цветовой гамме (от 2 до 256 цветов). Фотографии, переведенные в формат GIF, чаще всего теряют качество, в связи с тем, что этот формат не может передать переходные цвета. Несмотря на это, фрагменты (slice) Web-страниц, как правило, сохраняются именно в формате GIF.

Если требуется прозрачность, ее можно создать и в формате GIF, однако при этом следует иметь в виду, что это 1-битовая прозрачность, а это значит, что в ней нельзя будет создать эффект feather.

JPEG

Формат JPEG (Joint Photographic Experts Group) является фактическим стандартом рисунков в Web. По сравнению с форматом PNG, размеры файлов JPG имеют немного меньший размер, однако при этом пропорционально теряют качество. При сжатии рисунка цвет данных смещается относительно своего исходного состояния. Именно поэтому в качестве цвета фона Web-страницы никогда не используется формат JPG. Вместе с этим, формат JPG не поддерживает прозрачность.

И все же формат JPG рекомендуется для размещения фотографий в Web. При этом изначально лучше отсканировать фотографию, сохраняя ее в формате без потерь, например в TIFF. Компрессию JPG можно применять только при окончательном сохранении рисунка. Если же компрессию JPG применить к рисунку JPG, качество ухудшится в два раза. Вот почему помещение рисунков JPG в качестве материала для Flash-анимации будет не самым мудрым решением.

Когда создается рисунок JPG, цвет смещается и ухудшается. Повторное сохранение этого файла в формате JPEG, либо во Flash (это приложение по умолчанию использует для сжатия кадров анимации именно формат JPG), либо в Fireworks только усугубит проблему, так как цвета снова сместятся и ухудшатся.

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.