Как обработать картинку

Всем снова, привет! Сегодня я расскажу, как обработать картинку для своего блога, а конкретно, как обрезать изображение и оптимизировать его. Именно такие вопросы очень часто новички задают мне в поддержку. Думаю, что эта статья в полной мере ответит на данные вопросы. Работать с картинками (изображениями) можно в разных программах. Но я Вам расскажу о двух, самых распространенных и доступных – Paint и Photoshop.

Приступаем к обработке

Начну с работы в программе Paint, поскольку она встроена во все операционные системы Windows и потому самая доступная. По сути это приложение операционной системы. Найти ее можно через меню «Пуск», либо выбрать из контекстного меню, которое появляется при клике по картинке правой кнопкой мыши.

В первом случае придется через проводник выбрать необходимое для обработки изображение. Во втором, выбранное изображение сразу открывается в окне программы. После этого на вкладке «Выделить» выбираете опцию «Прямоугольная область».

Устанавливаете курсор в левый верхний угол будущего изображения. Жмете левую кнопку мыши и тянете курсор по диагонали в нижний правый угол. При этом нужно контролировать размер будущего изображения по значениям на нижней части окна программы.

Размер указывается в пикселях. И в большинстве случаев для блогов достаточно ширины 500-600 px, если Вы планируете разместить картинку посередине контента своей статьи. Меньше делать можно, но больше 620 px нежелательно, чтобы не нарушить структуру Вашего сайта. Высота может быть произвольной.

Как только Вы установите нужный размер, отпустите кнопку мыши. На картинке останется выделенная область и Вам остается только нажать на вкладку «Обрезать».

У Вас получится нужная картинка, которую теперь нужно сохранить.

Для этого на вкладке «Файл» выбираем команду «Сохранить как». Откроется окно, в котором можно выбирать нужный формат. В зависимости от содержания изображения для сайтов выбирают один из трех форматов: jpg, png или gif. Далее указываете место для сохранения. При необходимости меняете название файла и, можно сказать, что работа сделана.

Как видите, Paint – это очень простая программа для обработки картинок. Но есть у нее один недостаток – в ней невозможно изменить качество изображения, чтобы уменьшить вес файла. Поэтому, если Вы чувствуете в себе силы и на Вашем компьютере установлен графический редактор Photoshop, то попробуйте обработать изображения в нем.

Как обработать картинку в Photoshop

Правым кликом мышки или через вкладку файл в главном окне программы откройте обрабатываемую картинку. Слева на панели инструментов выберите инструмент «Рамка». При этом на картинке сразу появится своеобразная рамка. В зависимости от версии Photoshop у вас интерфейс может немного отличаться от моих скриншотов, но в целом суть во всех версиях одинакова.

Подведя курсор к утолщенным частям рамки (маркерам) и нажав левую кнопку мыши можно задавать ширину и высоту будущего изображения. Их значения Вы будете видеть сразу в процессе движения маркеров.

После того, как заданы нужные размеры (выбран нужный фрагмент) достаточно нажать клавишу «Enter» и изображение обрежется до установленного размера.

Далее в меню «Файл» выберите команду «Сохранить для Web-устройств». Эту команду можно дублировать сочетанием клавиш «Alt» +  «Ctrl» + «Shift» + «S». Откроется вот такое окно.

В нем Вы можете уточнить ширину изображения и самое главное – задать качество для изображений, сохраняемых в формате jpg! Его принято задавать на уровне 85%.  Далее жмете кнопку «Сохранить», указываете место, куда это сделать, именуете файл и нажимаете «Готово».

Вот и все секреты. Достаточно поработать в каждой программе несколько раз и у Вас уже будут твердые навыки и высокая скорость обработки картинок. Каждая из программ хороша по своему. Конечно Photoshop круче. В нем можно корректировать цвета изображений, с легкостью совмещать несколько изображений в одном, но вот обрабатывать поясняющие скриншоты намного проще в Paint. В общем, теперь Вы можете разбавить свои статьи уникальными изображениями и сделать их еще привлекательнее для ваших клиентов.

Обучающий урок по обработке картинок

Чтобы у Вас не осталось никаких вопросов по теме обработки изображения, я  попросил своего помощника записать небольшое поясняющее видео к данной статье. Посмотрите для наглядности, как это все делается на практике.

Теперь Вы сможете с легкостью наполнять свои блоги графическим контентом, потому что вы знаете как обработать картинку для блога. Если все-таки остались вопросы, задавайте их в комментариях ниже. Отвечу обязательно. Да и еще, если Вы хотите научиться делать свои сайты с нуля, ждем всех желающих в нашей бесплатной школе «Я Блогер».

С уважением, Евгений Вергус.