Графический формат png

Описанная чуть ранее «криминальная история» с неожиданным изменением статуса алгоритма сжатия LZW с бесплатного на платный спровоцировала стремление пользователей избавиться от формата GIF, дальнейшая судьба которого становилась все более туманной. С этой целью во второй половине девяностых годов была создана инициативная группа программистов и исследователей, которую возглавил американский специалист по электронным технологиям Том Боутелл (Thomas BoWtell). Перед инициативной группой стояла нелегкая задача: разработать стандарт, который не только включал бы в себя все лучшие качества GIF, нo и превосходил бы его по всем характеристикам, оставаясь при этом совершенно бесплатным для пользователей. Основной областью применения данного формата должен был стать Интернет. Такой стандарт был создан и получил название Portable NetWork Graphics — PNG, хотя многие пользователи Всемирной сети придумали этой аббревиатуре иную расшифровку: Picture is Not GIF.

PNG, как и GIF, поддерживает interlacing (чересстрочность), но в отличие от последнего не только по горизонтали, но и по вертикали. Палитра PNG не ограничивается 256 цветами, данный формат позволяет создавать изображения с глубиной цвета до 48 бит. Весьма любопытные изменения внесены в режим прозрачности графики: PNG также поддерживает альфа-канал, по состоит он не из одного уровня, как альфа-канал файлов GIF, а из 254 уровней для каждого элемента изображения, с диапазоном прозрачности рт 0 до 99 %. Благодаря этому дизайнер получил возможность создавать картинки с переменной прозрачностью, например, логотипы, фон которых плавно сливается с фоновым цветом html-документа, каким бы тот ни был.

Помимо альфа-канала изображения PNG содержат так называемый блок описания гамма-коррекции. Под переменной «гамма» в данном случае подразумевается некая величина, выражающая зависимость яркости свечения каждой точки экрана пользователя от напряжения на электродах кинескопа, которое берется из файлов управления видеоподсистемой компьютера. Таким образом, при открытии изображения, созданного с помощью IBM-совместимой машины, на компьютере другого производителя, например на Apple Macintosh, в яркость цветопередачи вводится соответствующая поправка, и картинка отображается совершенно идентично на разных типах оборудования. Этим стандарт PNG еще более приблизился к основной идее Интернета единообразию отображения   Web-страниц на компьютерах от различных производителей.

Поскольку данный формат появился на свет относительно недавно, его поддерживают далеко не все браузеры, в отличие от GIF и JPEG, которые распознаются без проблем любыми программами, предназначенными для отображения графики. PNGподдерживаетсяMicrosoftInternetExplorer.

7.3. Этап тестирования готовогоWeb-узла, обеспечение доступа к нему из глобальной сети и рекламирование узла.

Последняя часть работы над проектом — это этап, следующий за окончанием разработки, который включает тестирование узла, размещение его на Web-сервере и организацию рекламы.

Web-узел должен быть тщательно протестирован несколькими сотрудниками. В процессе тестирования необходимо убедиться в отсутствии ошибок, разрушенных ссылок, а также в том, что набор реализованных операций достаточен для эффективной работы пользователя. Текст должен быть прочитан корректором. Каждый элемент узла и каждая гипертекстовая ссылка должны быть проверены с помощью различных браузеров на платформах WindoWs и Macintosh. Информация, полученная в результате тестирования, используется для модификации Web-узла. Затем необходимо скопировать Web-узел на Web-сервер и дважды выполнить его тестирование. И наконец, Web-страницы, входящие в состав узла, должны быть объявлены на основных поисковых серверах, таких как AltaVista, Lycos и Yahoo!. При необходимости выполняют дополнительные мероприятия по привлечению пользователей.

Несколько советов:

1. Когда над сайтом работают несколько человек, обязательно стоит договориться об общей логической системе наименований.

2. Рассортируйте ваши графические файлы по классам в зависимости от их размера. Старайтесь держать количество таких классов минимальным. Например, заголовки, подзаголовки, полная графика и т.д. Графические размеры от 1 до 5.

3. Подберите оптимальную палитру для графики в одном отдельно взятом классе и используйте ее на всех файлах данного класса.

4. Используйте<!-- комментарии --> в своем коде, оставляя пояснения для программистов и создателей текстов.

5. Используйте абсолютно схожий код на различных страницах, для облегчения глобального поиска и изменений.

6. Если на странице очень много текста и других материалов, удалите все «возвраты каретки» и комментарии из кода, что существенно снизит размер файла.

7. Потратьте время на изучение тех программ, с которыми работаете.

8. Делайте копии того, что сделали каждый день по окончанию работы.

9. Проверяйте свою работу на разных браузерах и основных операционных системах. Поменяйте настройки в браузерах, выставив большие или маленькие размеры шрифтов, изменив цветовые настройки, откройте все меню и бары, которые имеются.

10. Проверяйте:

• грамматику;

• правильное название файлов;

• работу ссылок;

• название страниц в поле Титул;

• фоновые цвета;

• целостность и тегов;

• визуальное выравнивание;

• что получится при изменении размеров окна браузера, шрифтов, цветов?

• различия резолюций. А как оно будет смотреться в монохроме?

11. Тестируйте, тестируйте и еще раз тестируйте. Подключайте как можно больше людей к этому процессу. Для заказчика это отличная возможность «поучаствовать» в проекте. Если есть возможность проверить на будущих посетителях, не упускайте ее. Не пытайтесь помочь им «найти» что-либо, но попросите комментировать каждый шаг. Например, куда они ожидают попасть при клике на ту или иную кнопку? Часто бывает очень удобно распечатать весь сайт на бумаге и проверять стилистические и грамматические ошибки.