Урок 2. Подготовка фотографий для сайта

Что бы не углубляться в могучий и многообразный инструментарий Photoshop, предлагаю Вашему вниманию более удобный  способ оптимизации изображений для наполнения сайта. Изучив возможности этой программы, Вы сможете легко управляться и с собственными фотоальбомами. Помимо многообразия возможностей GIMP обладает неоспоримым преимуществом - программа распространяется абсолютно БЕСПЛАТНО!

Что бы не углубляться в могучий и многообразный инструментарий Photoshop, предлагаю Вашему вниманию более удобный  способ оптимизации изображений и масштабирования графики для наполнения сайта. Изучив возможности этой программы, Вы сможете легко управляться и с собственными фотоальбомами. Помимо многообразия возможностей GIMP обладает неоспоримым преимуществом - программа распространяется абсолютно БЕСПЛАТНО!

Для начала скачайте  GIMP 2.2.13 и установите программу.

Если процесс установки будет прерван системным сообщением об ошибке, не смущайтесь - скачайте и установите вот этот пакет, а после этого перезагрузите компьютер  и повторите установку GIMP 2.2.13.

Теперь начнем знакомство с программой и сразу выполним нашу главное задание - подготовим фотографию для публикации на сайте.

Шаг 1: На вкладке Файл выбираем пункт Открыть

Шаг 2: Открывается окно для выбора изображения, которое мы намерены редактировать. Находим требуемое изображение у себя в папках

Шаг 3: ...и открываем его

Шаг 4: Допустим нам необходимо обрезать лишнее. На вкладке Инструменты выбираем Инструменты преобразования и нажимаем Кадрировать и изменить размер

Шаг 5: Курсор тут же преобразуется в инструмент позволяющий в нужной Вам точке "подцепить" изображение и очертить область, которую Вы намерены оставить

Шаг 6: На этом этапе Вас может слегка обескуражить всплывающее окно. Просто можете нажать кнопочку Кадрировать и увидеть результат операции

Шаг 7: Следующим шагом начинаем подготовку к сохранению изображения. На вкладке Изображение выбираем пункт Масштабировать

Шаг 8: Вот на этой вкладке выбираем размеры изображения. Достаточно задать Ширину как Высота изменится автоматически. Если этого не произошло - справа от размеров рисунок условного замка. Кликните и пропорции изображения сохранятся. Собственно... если я ничего не забыл - нажимаем кнопку Масштабировать

Шаг 9: Переходим к сохранению отредактированного изображения. На вкладке Файл Нажимаем на пункт Сохранить как...

Шаг 10: В появившимся окне можно в случае необходимости легко переименовать и назначить другое расширение для сохраняемого изображения, в нашем случае это *.jpg. Нажимаем кнопочку Сохранить

ПОМНИТЕ! Называть изображение необходимо ЛАТИНИЦЕЙ!
Вот так: miting.jpg, miting.gif....  А вот так: митинг.jpg.... НЕЛЬЗЯ!

Шаг 11: Не пугайтесь, программа предлагает Вам осуществить Экспорт - соглашайтесь. Появится вот такое окошко, где обязательно ставим галочку Оптимизировать, с остальными галочками можем поэкспериментировать. Качество рекомендую определять в пределах 80 - 90. Главное помним - нам надо максимально сжать изображение с минимальными потерями в качестве.

Ну вот... Жмем ОК - и дело в шляпе !
{Mosmodule module=Код для вставки в блог или статью:}