Оптимизируем графику для сайта

Автор: Семавин Антон
Добавлен: 18.03.2008

Всем известно насколько важна скорость загрузки сайта. Чем быстрее загружается Ваш сайт – тем лучше. Основной причиной замедляющей скорость загрузки является тяжеловесная графика. Из данного урока Вы узнаете, как оптимизировать графику для сайта (уменьшать ее «вес» при минимальной потере качества).

Для начала разберем следующий момент:

Графику можно разделить на два вида: «Искусственная» и «Фотореалистичная».

Искусственная – это в основном различные значки, кнопки и скриншоты программ. Такая графика содержит небольшое количество цветов и обширные области, залитые одним и тем же цветом. Такую графику лучше всего оптимизировать в формате GIF.

Фотореалистичная – это различные фотографии и другие полноцветные изображения. Здесь лучше всего подойдет формат сжатия JPG.

Откройте свое изображение в Adobe Photoshop. В меню File быберите пункт Save For Web. Перед Вами появится следующее окно:

1. Выберите в выпадающем списке формат JPEG.
   
   
2. Установите нужное качество. Не рекомендую ставить меньше 50. Оптимальное значение здесь 60, ниже уже идет слишком заметная потеря качества изображения. В общем, выбирайте по своему вкусу.
   
   
3. Сохраните изображение (кнопка Save).

1. Выберите в выпадающем списке формат GIF.
   
   
2. Установите то количество цветов, при котором Ваше изображение будет нормально выглядеть и при этом его размер будет меньше изначального.
   
   
3. Сохраните изображение.

Добавить комментарий:

Ваш комментарий...

Введите сумму чисел с картинки:

* Комментарии, содержащие в себе рекламу будут удалены!