gimp-wordpress-min

Gimp – обрезка изображения для вставки его эскизом в запись блога

Многие пользователи не знают, как обрезать изображение для вставки его эскизом записи WordPress, тем боле что не все обладают навыками работы в таких программах как Photoshop, эта запись будет посвящена решению данного вопроса.

Для работы с изображением нам нужен фото редактор, но так как выкладывать круглую сумму за хороший профессиональный фото редактор у нас нет желания, будем пользоваться бесплатным решением под названием “Gimp”.

Пример обработки изображения будет продемонстрирован на костумизированной версии Gimp которую я предлагаю загрузить с моего сайта по данной ссылке. О том, что из себя представляет данный редактор так же описано на странице загрузки.

На самом деле в 80 случаев из 100 подготовкой изображения является самая обычная обрезка его в соответствии новостной сетке сайта, поэтому мной будет рассмотрена именно обрезка изображения.

И так, после того как редактор был загружен на ПК и распакован, запустите его и выберите файл который Вы хотите использовать эскизом записи, для этого в редакторе Gimp нажмите «Файл», за тем «Открыть»

gimp-obrezka-1-minПеред Вами откроется окно для выбора файла. В начале выберите папку в которой находится изображение (1), за тем выберите файл (2). К сожалению программа Gimp не обладает отображением эскизов всех изображений, которые находятся в выбранной Вами папке, поэтому придётся ориентироваться по эскизу, изображений который находится в окошке с лева (3).

После того как изображение было выбрано нажмите на кнопку «Открыть» (4).

gimp-obrezka-2-minТеперь изображение открыто в полное окно программы, что ж приступим к обрезке изображения.

Так как в большинстве случаев самым оптимальным разрешением для эскиза записей является 400 пикселей в ширину и 300 пикселей в высоту, мы обрежем наше изображение именно по данным значениям. Для обрезки изображения нажмите на кнопку «Кадрирование» (1), за тем введите значение ширины (2) и высоты (3), и зафиксируйте соотношение сторон (4) как указано на скриншоте ниже. На данном шаге, обрезка изображения нам нужна для пропорций.

gimp-obrezka-3-minДалее выделите нужную часть изображения как указано на скриншоте ниже

gimp-obrezka-4-minИ нажмите «Enter», после нажатия изображение будет автоматически обрезано (скриншот ниже).

gimp-obrezka-5-minТеперь когда пропорции изображения у нас есть мы изменим его разрешение в пикселях, для этого перейдите в пункт меню «Изображение» (1), далее «Размер изображения» (2). В появившемся окне укажите ширину 400px (3) и высоту 300px (4). То есть сейчас мы делаем из большого изображения (которое даже после того как мы его обрезали имеет ширину 1023 и высоту 767 пикслей ) маленькое, которое будет иметь ширину 400 и высоту 300 пикселей.

После внесения ширины и высоты нажмите «Изменить».

gimp-obrezka-6-minПереходим к завершающей стадии обработки изображения – к сохранению.

Что бы сохранить получившийся результат, наведите курсор мышки на изображение и сделайте левый щелчок мышью. В выпадающем меню наведите курсор на пункт меню «Файл» (1) далее на «Экспортировать как» (2).

gimp-obrezka-7-minПеред вами откроется диалоговое окно сохранения файла, здесь Вы можете указать имя файла (1), место в котором файл будет сохранен (2), выбрать формат файла (3,4).

Стоит отметить что для эскиза записей лучше использовать формат PNG (4).

Нажмите кнопку «Экспортировать» (5).

gimp-obrezka-8-minВ случае с PNG форматом, программа Gimp попросит нас указать степень сжатия изображения (2) и метаданные (1). Оставьте все по умолчанию и нажмите «Экспорт» (3).

gimp-obrezka-9-minВ итоге экспорта, на моем рабочем столе (у Вас появится в месте, которое Вы указали при экспорте) появился вот такой файлик:

gimp-obrezka-10-minОсталось сжать его оптимизиллой, и установить в качестве эскиза записи на сайте.

ПС. После сжатия оптимизиллой из 183 КБ, изображение стало весить всего 58 КБ – результат на лицо.

Gimp – обрезка изображения для вставки его эскизом в запись блога
Рейтинг данной записи