Схема сжатия PNG.

Самым известным свойством схемы сжатия PNG является «отсутствие потерь» (loss¬less), т.е. в процессе сжатия никакая информация не теряется. Распакованное изображение PNG идентично исходному. В файлах PNG используется схема сжатия «deflate» (та же схема используется в zip-файлах такими программами, как gzip, WinZip и тому подобными). Аналогично GIF схема сжатия PNG анализирует строки пикселей, извлекая выгоду из повторяющихся байтов информации. Используя внутренние фильтры, здесь можно также использовать преимущества некоторых вертикальных структур. В результате PNG-сжатия размер изображения для страниц сайта обычно уменьшается на 5-25% по сравнению с GIF (при оптимальных условиях эта разница доходит до 39%). Не все инструменты реализуют в полной мере возможности схемы сжатия PNG.

Фильтры при создании сайта.

Перед сжатием изображения для сайта по схеме PNG сначала анализируются данные изображения, строка за строкой, с помощью одного из пяти фильтров (Sub, Up, Average, Paeth или Adaptive). Эти фильтры используют различные методы для поиска образцов в данных изображения для сайта, которые допускают более эффективное сжатие при создании сайта. Этот процесс подобно LZW-сжатию формата GIF с выгодой использует повторения данных по горизонтали, однако схема сжатия PNG может выявлять также повторения по вертикали при оформлении сайта. В большинстве приложений фильтры реализуются внутренними средствами и скрыты от конечного пользователя (так и должно быть). Если Ваш инструмент позволяет выбирать фильтр, то следует рассматривать два возможных варианта:

                   • используйте опцию None (отсутствие фильтра) для всех
                       изображений с индексиро¬ванным цветом (или со шкалой
                              полутонов, насчитывающей менее 16 оттенков);
                   • используйте фильтр Adaptive (адаптивный) для изображений
                                                        всех других типов.

Прозрачность при создании сайта.

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

Прозрачность альфа-канала при создании сайта.

Кроме стандартных цветовых компонентов пространства RGB в изображениях сайта с реалистичным цветовоспроизведением формат PNG может содержать дополнительный альфа-канал, обеспечивающий информацию о прозрачности изображения на страницах сайта. В этом случае каждый пиксель определяется своим RGBA-значением. Для 24-битовых изображений альфа-канал может содержать до 8 бит, обеспечивая 256 уровней прозрачности для каждого пиксела изображения (в результате получается 32-битовое изображение). Альфа-канал может, как и в формате GIF, обеспечивать также простую бинарную прозрачность страниц сайта. Однако следует помнить, что файл PNG с цветами RGB и альфа-каналом будет примерно на 20% больше, чем без альфа-канала.

Не все браузеры должным образом поддерживают прозрачность альфа-канала, среди самых известных - Internet Explorer 6 и его более ранние версии. Интересно то, что 48-битовые изображения PNG могут содержать 16 бит, обеспечивающих более 65ООО уровней прозрачности. Однако 48-битовые изображения не подходят для Интернета и редко используются в других областях.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы