Урок 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=Код для вставки в блог или статью:}