win koi mac home begin html graphics books
 
home / graphics / Графические форматы Web

GIF89a √ настраиваемая палитра (не более 256 цветов), задаваемая прозрачность одного из цветов, возможность сохранения с чередованием строк (при просмотре сначала выводится каждая 8-я, затем каждая 4-я и т.д. √ это позволяет судить об изображении до его полной загрузки). Способен содержать несколько кадров в одном файле с последующей последовательной демонстрацией (т.н. «анимированный GIF»). Уменьшение размера файла достигается удалением из описания палитры неиспользуемых цветов и построчного сжатия данных (записывается количество точек повторяющегося по горизонтали цвета, а не каждая точка с указанием ее цвета). Такой алгоритм дает лучшие результаты для изображений с протяженными по горизонтали однотонными объектами.

Вертикальные полосы Горизонтальные полосы Мечи-256 color
648 bytes

274 bytes

8 251 bytes, 256 colors

К сожалению, с 1995 года разработчик GIF компания Compuserve сделала платным любое его использование в программных продуктах (кроме бесплатного ПО). Это приводит к постепенному вытеснению этого популярного формата из Интернет. Можно сказать, что на поверхности его держит только способность содержать анимацию. Она используется для создания рекламных баннеров.      top

JPEG √ миллионы цветов и оттенков, палитра ненастраиваемая, предназначен для представления сложных фотоизображений. Разновидность progressive JPEG позволяет сохранять изображения с выводом за указанное количество шагов (от 3 до 5 в Photoshop'e) √ сначала с маленьким разрешением (плохим качеством), на следующих этапах первичное изображение перерисовывается все более качественной картинкой. Анимация или прозрачный цвет форматом не поддерживаются. Уменьшение размера файла достигается сложным математическим алгоритмом удаления информации √ заказываемое качество ниже √ коэффициент сжатия больше, файл меньше. Главное, подобрать максимальное сжатие при минимальной потере качества. Кроме коэффициента сжатия еще приходится делать выбор между типами формата √ стандартый, оптимизированный или прогрессивный.

Мечи-JPG80 Мечи-JPG70 Мечи-JPG10

5 240 bytes,
качество 80

3 060 bytes,
качество 70

1 022 bytes,
качество 10

Наиболее подходящий формат для размещения в Интернете полноцветных изображений. Вероятно, до появления мощных алгоритмов сжатия изображения без потери качества останется ведущим форматом для представления фотографий в Web.      top

PNG √ пока малораспространен из-за слабой рекламы, создавался специально для Интернета как замена первых двух форматов и благодаря патентной политике Compuserve постепенно вытесняет GIF (см. выше). Позволяет выбирать палитру сохранения √ серые полутона, 256 цветов, true color («истинные цвета»). В зависимости от свойств изображения действительно иногда предпочтительнее GIF'a или JPG'a. Позволяет использовать «прозрачный» цвет, но, в отличие от GIF'a таких цветов может быть до 256. В отличие от GIF сжатие без потери качества производится и по горизонтали и по вертикали (алгоритм собственный, параметры тоже ненастраиваемые). Не умеет создавать анимированные ролики (разрабатывается формат MNG).

Mечи-PNG-Gray Мечи-PNG-256-Color Мечи-PNG-True-Color
7 101 bytes, Grayscale

7 604 bytes, 256 colors

28 204 bytes, True colors

К сожалению, полноцветный вариант данного формата вряд ли будет широко распространен в Интернете из-за своих размеров. Однако его можно рекомендовать для хранения и переноса фотоизображений √ занимает места меньше, чем .tif и не ухудшает качества как .jpg (правда, полиграфистами избегается, так как в заголовке формата PNG не предусмотрено место под параметры разрешения и печати как у .tif'a или .psd).      top

В настоящее время разрабатываются перспективные графические форматы и некоторые из них уже понимаются броузерами, но еще не поддерживаются большинством графических редакторов (.art фирмы Johnson-Grace). Другие же требуют наличия у броузеров плагинов для своего просмотра (.fif, обеспечивает сильное сжатие и позволяет растягивать изображения на весь экран при любом разрешении без заметной потери качества).

Маленькие советы (Tips & Tricks)

1. Ограничение палитры в 256 цветов у формата GIF может раздражать, но существует остроумный способ его обойти, описанный А.Лебедевым. Картинка разрезается на отдельные кусочки, каждый из которых использует свою палитру из цветов, характерных именно для этого кусочка. Для вывода используется таблица, каждая из ячеек которой содержит свой кусочек картинки. Этот же способ работает и при использовании 256-цветного PNG.

2. Если Вам нужен прозрачный фон, придется использовать GIF или PNG. При этом необходимо помнить, что сохранение в режиме «сглаживания ступенек» (anti-alisieng) контуров приводит к образованию заметной цветной каймы, если цвет, выбранный «прозрачным» сильно отличается от цвета фона размещения картинки. «Сглаживание» делает картинку приятнее для глаз путем добавления на границах цветовых переходов пикселов среднего цвета. Кроме того, опасны режимы «взаимопроникновения» (Diffusion) или «смешивания» (Dithering) различных цветов, используемые для уменьшения палитры. Вы можете получить «дырчатый» рисунок, если некоторые его точки окажутся прозрачными.

3. Усилить сжатие и уменьшить потери качества в JPG'e можно предварительным применением фильтра «Blur» («размытие») имеющемся в большинстве графических редакторов. Однако придется поэкспериментировать, прежде чем Вы найдете оптимальное сочетание параметров сжатия и размытия.

4. Наиболее заметный выигрыш от сохранения с чередованием строк (GIF) или многократным выводом с пошаговым улучшением разрешения (progressiv JPG) наблюдается при выводе большой по площади картинки. К сожалению, такие способы отрицательно сказываются на некоторых броузерах (например, Netscape Navigator может просто подвиснуть). Поэтому предпочтительнее такой способ обеспечения предварительного просмотра: сначала грузится картинка такого же размера, но с меньшим разрешением или черно-белая, а потом, поверх нее √ оригинал, сохраненный без чередования строк (GIF) или многократного вывода с пошаговым улучшением изображения (progressiv JPG). Этот способ осуществляется указанием в тэге HTML <img src=«...»> параметра lowsrc=«...» с указанием имени файла худшего качества.

prev      top      next

 
ОЗОН. Книги и видео
▒╗АБ╔╛═ ╝║╛╔╜═ ║═╜╜╔Ю═╛╗
Copyright © <level>, 1999, I.N.S. & Juda