Учебник HTML

Главная Учебник HTML Учебник CSS Web- mastering
Раскрутка Полезности FAQ Index



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 с которой можно познакомиться на сайте компании
http://www.mindworkshop.com
или Embelish, с которой можно познакомиться на сайте компании
http://www.dadaware.com
или Ulead GIF Animator с которой можно познакомиться на сайте компании
http://www.ulead.com
Последняя программа, например, позволяет создавать простую анимацию и жать GIF-файлы иногда практически вдвое. Сравните качество и размеры ниже расположенных баннеров:


- до оптимизации - после оптимизации
1.666 kB 595 B


Для работы с JPG-изображениями подойдет программа Ulead Smart Saver Pro с которой можно познакомиться на сайте компании
http://www.ulead.com
а так же безусловный лидер в области редактирования изображений, специально улучшенная для создания оптимизированных Web-изображений программа Adobe Photoshop v 5.5 с которой можно познакомиться на сайте компании
http://www.adobe.com
Программа позволяет варьировать качество изображения, изменяя степень сжатия файлов. Как один из способов оптимизации крупных JPG-изображений можно предложить разрезать файл на мелкие части оптимизировать их по отдельности, а потом собрать в одно целое при помощи таблицы. Секрет метода прост - некоторые участки JPG-изображений с плавными переходами цвета не могут быть оптимизированы без заметного ухудшения качества - их предлагается сжимать не сильно.




Главная Учебник HTML Учебник CSS Web- mastering
Раскрутка Полезности FAQ Index

Сайт создан в системе uCoz