Лекция 3. Графика в веб. Оптимизация графики.

Основы работы с графическими файлами

Оптимизация графики для веб.

Оптимизация является обязательным этапом подготовки изображений к публикации в сети. Под оптимизацией изображения принято понимать уменьшение размера ("веса") графического файла, который зависит прежде всего от размеров изображения, с сохранением достаточного качества.

Размер растрового изображения
количество пикселов, содержащихся в изображении, по горизонтали и вертикали
Разрешение экрана монитора
размеры получаемого на экране изображения в пикселах

Размер фотографии, полученной с помощью современного цифрового фотоаппарата может составлять примерно 3500x2500 пикселей. Разрешение современных мониторов - от 1024×768 до 1600×900. Очевидно, что размещать на страницах сайта изображение исходного размера нецелесообразно - оно просто не поместится на экран.

Изменить размер изображения можно с помощью графического редактора или графического конвертера

Примеры коммерческих и бесплатных программ для обработки изображений:

  • Коммерческие:
    • Adobe Photoshop - графический редактор
    • ACDSee - графический просмотрщик/конвертер
  • Бесплатные:
    • GIMP - графический редактор
    • XnView - графический просмотрщик/конвертер