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

Скопировать содержимое окна и вставить в свой блог в режиме HTML.

<div style="margin: 5px; float: left"><img src="http://www.vdcr.ru/images/banners/vdcr.gif " width="150" height="91" alt="Всероссийское Движение За Честный Рынок" /></div><div style="width:100%px; padding: 5px; border: 5px solid #DCE0E8; font: 12px Arial,Tahoma,Helvetica,sans-serif; color: #444444; background-color: #E6EAF2"><div style="text-decoration: none; font: 18px Arial,Tahoma,Helvetica,sans-serif"><a style="text-decoration: none; color: #B23B03" href="http://www.vdcr.ru/business/masterclass/website/lesson-2.html" target="_blank">Урок 2. Подготовка фотографий для сайта</a></div><br />07.01.2007<br />Что бы не углубляться в могучий и многообразный инструментарий Photoshop, предлагаю Вашему вниманию более удобный� способ оптимизации изображений для наполнения сайта. Изучив возможности этой программы, Вы сможете легко управляться и с собственными фотоальбомами. Помимо многообразия возможностей GIMP обладает неоспоримым преимуществом - программа распространяется абсолютно БЕСПЛАТНО! Что бы не углубляться в могучий и мно...<noindex><a style="text-decoration: none; font-size:11px; color: #B23B03" href="http://www.vdcr.ru/business/masterclass/website/lesson-2.html" target="_blank">подробнее...>></a></noindex><div align="right" style="width:100%px"><p style="text-align:right;"><noindex><a style="text-decoration: none; font-size:9px; font-weight:bold; color: #B23B03" href="http://www.vdcr.ru/" target="_blank">© VDCR.RU</a></noindex></p></div></div>

Просмотр

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

© VDCR.RU