Взвесив все ЗА и ПРОТИВ использования на страницах Вашего 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 с которой можно познакомиться на сайте компании
Последняя программа, например,
позволяет создавать простую анимацию и жать GIF-файлы иногда практически вдвое. Сравните качество и размеры ниже расположенных
баннеров:
- до оптимизации
- после оптимизации
1.666 kB
595 B
Для работы с JPG-изображениями подойдет программа Ulead Smart Saver Pro с которой можно познакомиться на сайте компании
а так же безусловный лидер в области редактирования изображений, специально улучшенная для создания оптимизированных Web-изображений
программа Adobe Photoshop v 5.5 с которой можно познакомиться на сайте компании
Программа позволяет варьировать качество изображения, изменяя степень сжатия файлов. Как один из способов оптимизации крупных JPG-изображений можно предложить разрезать файл на мелкие
части оптимизировать их по отдельности, а потом собрать в одно целое при помощи таблицы. Секрет метода прост - некоторые участки JPG-изображений с плавными переходами цвета не могут быть оптимизированы без заметного ухудшения качества - их предлагается сжимать не сильно.