Взвесив все ЗА и ПРОТИВ использования на страницах Вашего 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, с которой можно познакомиться на сайте компании
Программа позволяет варьировать качество изображения, изменяя степень сжатия файлов. Как один из способов оптимизации крупных JPG-изображений можно предложить разрезать файл на мелкие части, оптимизировать их по отдельности, а потом собрать в одно целое при помощи таблицы. Секрет метода прост - некоторые участки JPG-изображений с плавными переходами цвета не могут быть оптимизированы без заметного ухудшения качества - их предлагается сжимать не сильно.
