Анимированные изображения

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

 

PNG (англ. portable network graphics, сокращение произносится по-английски) — растровый формат хранения графической информации, использующий сжатие без потерь. PNG был создан как для улучшения, так и для замены формата GIF графическим форматом, не требующим лицензии для использования.

Обычно файлы формата PNG имеют расширение.PNG (.png) и используют обозначение MIME-типа image/png.

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

PNG поддерживает три основных типа растровых изображений:

● Полутоновое изображение (с глубиной цвета 16 бит)

● Цветное индексированное изображение (палитра 8 бит для цвета глубиной 24 бит)

● Полноцветное изображение (с глубиной цвета 48 бит)

 

Формат PNG хранит графическую информацию в сжатом виде. Причём это сжатие производится без потерь, в отличие, например, от JPEG.

Он имеет следующие основные преимущества перед GIF:

● практически неограниченное количество цветов в изображении (GIF использует в лучшем случае 8-битный цвет);

● опциональная поддержка альфа-канала;

● возможность гамма-коррекции;

● двумерная чересстрочная развёртка;

● возможность расширения формата пользовательскими блоками (на этом основан, в частности, APNG).

 

Формат GIF был разработан фирмой CompuServe в 1987 году и не доступен изначально для свободного использования. Некоторое время назад, до окончания в 2004 году действия патентов на алгоритм сжатия LZW, принадлежавших Unisys и используемых в GIF, его применение в свободном программном обеспечении было затруднено. На данный момент такие затруднения сняты. PNG же с самого начала использует открытый, не запатентованный алгоритм сжатия DEFLAT2182E, бесплатные реализации которого доступны в Интернете. Этот же алгоритм используют многие программы компрессии данных, в том числе PKZIP и gzip (GNU zip).

Формат PNG обладает более высокой степенью сжатия для файлов с большим количеством цветов, чем GIF, но разница составляет около 5-25 %, что недостаточно для абсолютного преобладания формата, так как небольшие 2-16-цветные файлы формат GIF сжимает с не меньшей эффективностью.

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

Различные реализации алгоритма Deflate дают разную степень сжатия, поэтому были созданы программы для пережатия изображений с несколькими вариантами настроек в целях получения наилучшего сжатия — например, форк pngcrush OptiPNG и advpng из комплекта AdvanceCOMP (использует 7-Zip).

 

 

Не все веб-браузеры одинаково отображают содержимое png-файла. Узким местом являются:

1 частичная прозрачность (альфа-канал);

2 поддержка прозрачности в палитре;

3 гамма-коррекция.

 

 

Проблема поддержки 32-битной (полной) прозрачности картинки формата PNG в Microsoft Internet Explorer была решена в седьмой версии браузера. Для остальных версий IE есть несколько способов, которые помогут веб-мастеру добиться прозрачности путём включения в веб-страницу специальных функций и скриптов.

 

SVG (от англ. Scalable Vector Graphics — масштабируемая векторная графика) — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML. Поддерживает как неподвижную, так анимированную и интерактивную графику — или, в иных терминах, декларативную и скриптовую. Это открытый стандарт, является рекомендацией консорциума W3C, — организации, разработавшей такие стандарты, как HTML и XHTML. Разрабатывается с 1999 года, в 2001 году вышла 1.1 версия, которая остается актуальнай до сегодняшнего дня, в активной разработке версия 1.2. В основу SVG легли языки разметки VML и PGML.

Описание путей (Path). Есть возможность создать любую фигуру в виде компактной строки, описывающей путь от начальной точки до конечной через любые промежуточные координаты. M — команда «переместить», L — «линия», две цифры через запятую между буквами — координаты по X и Y. Пример — звезда, состоящая из 5 линий.

<path fill="none" stroke="#000000" d="M224,241L328,90L346,250L201,124L410,150L228,238"></path>