On-line
учебник
HTML с примерами,
справочник по созданию Web
-сайтов. |
Web-mastering>>Оптимизация графики используемой на сайте
Форматы графики используемой в сети
Взвесив все ЗА и ПРОТИВ использования на страницах Вашего Web-узла графических изображений Вы, скорее всего, решитесь на её использование. Для работы с изображениями в WWW используют два основных формата: JPEG (Joint Photographic Experts Group - объединенная группа экспертов фотографии) и GIF, (Graphical Interchange Format - графический обменный формат) реже используют специально созданный формат PNG (Portable Network Graphics - переносимая сетевая графика )
Формат GIF позволяет создавать изображения не более чем с 256 цветами и использует алгоритм сжатия без потерь качества исходного изображения, кроме того он позволяет конструировать анимационные графические файлы. Этот формат в основном используют для создания баннеров - анимационных картинок или картинок, на которых присутствует текст. Анимация создается по простому принципу: сначала создаются несколько картинок-кадров, задается их очередность, частота обновления кадров в секундах и количество повторений, а после они связываются в один файл с расширением .gif, причем размер такого файла часто меньше суммы размеров, входящих в него изображений. Такая экономия достигается при оптимизации анимации, когда одинаковые во всех изображениях участки запоминаются как один статический.
Например:
JPEG файлы позволяют отображать до 16 миллионов цветов при сравнительно небольшом их размере. Однако использование более сильного сжатия файлов приводит к существенному ухудшению их качества. Этот формат в основном используют для создания фотографических изображений.
Для оптимизации т.е. уменьшения размеров графических файлов пользуются различными программами-оптимизаторами умеющими работать с форматами GIF и JPEG. Над созданием таких программ трудятся такие известные компании как Adobe и Ulead, и конечно еще масса менее известных разработчиков.
В наборе инструментов практически каждого Web-дизайнера есть программы этих компаний.
Инструментарий.
Для работы с GIF-изображениями подойдет программа Gif Construction Set с которой можно познакомиться на сайте компании
или Embelish, с которой можно познакомиться на сайте компании
или Ulead GIF Animator с которой можно познакомиться на сайте компании
Последняя программа, например, позволяет создавать простую анимацию и жать GIF-файлы иногда практически вдвое. Сравните качество и размеры ниже расположенных
баннеров:
| - до оптимизации
| 
| - после оптимизации
|
| 1.666 kB
|
| 595 B
|
|
Для работы с JPG-изображениями подойдет программа Ulead Smart Saver Pro с которой можно познакомиться на сайте компании
а также безусловный лидер в области редактирования изображений, специально улучшенная для создания оптимизированных Web-изображений программа Adobe Photoshop, с которой можно познакомиться на сайте компании
Программа позволяет варьировать качество изображения, изменяя степень сжатия файлов. Как один из способов оптимизации крупных JPG-изображений можно предложить разрезать файл на мелкие
части оптимизировать их по отдельности, а потом собрать в одно целое при помощи таблицы. Секрет метода прост - некоторые участки JPG-изображений с плавными переходами цвета не могут быть оптимизированы без заметного ухудшения качества - их предлагается сжимать не сильно.
