Обрезка картинок

Продолжаем разбирать тему редактирование картинок для блога. Теперь наша задача решить вопрос размера картинки: обрезка, масштабирование, установка нужного размера картинки в вордпресс.

Кадрирование (обрезка) картинки.

И так у нас есть большая картинка, с неё нам нужно вырезать кусок.  Конкретно эта любительская фотография  Котэ.  Из неё мы будем делать красивую картинку в свой блог. Работаем всё с тем же простеньким редактором от гугла — Пикасо.

Первый этап — обрезка фотографии

То есть здесь нам нужно отрезать коте от всего лишнего по возможности.

Выбираем функцию кадрирование.

Кстати, обычно картинки в блог вставляются определённого формата «сколько-то на сколько-то». Например в моём блоге они чаще всего 300 на 200.  А значит стоит сразу настроить кадрирование в пикассо на такое соотношение сторон: 3 на 2
Нажимаем «Кадрировать фотографию». Там в списке соотношений сторон в самом низу «Добавить пользовательское».

В принципе в конкретно моём случае можно использовать формат 10 на 15 — суть та же.

Вот такой котэ получился после обрезки фотографии.

Теперь поработаем с цветами и контрастностью как я писала в прошлом уроке.

Вот так выглядит итоговая картинка.
Теперь вставляем эту картинку в блог.

Ещё один секрет: картинка таким образом вытянутая по цветам и контрастности часто определяется поисковыми системами уже как уникальная, даже если вы взяли её из интернета. Для умелой  раскрутки интернет магазина, например, где картинок много это может быть дополнительным плюсом в числе индексируемых страниц и поисковому трафику на картинки.

 

Вставляем картинку в вордпресс.  Параметры по умолчанию

Теперь полученную картинку, вытянутую по цветам и освещённости вставляем в блог.  Если у блога есть определённый формат картинок лучше предварительно задать его в настройках. Например я задам свой 300 на 200. (подразумевается, что все картинки у меня такого формата, если что не так могу подправить руками непосредственно при постинги).

В админке вордпресс Параметры — Медиафайлы. Тут находим «Размеры изображений» — «Средний размер» и устанавливаем нужную ширину. Если высота картинки может варьироваться её не трогает, если картинки у нас строго порезаны с нужным соотношением строн, то смело ставим и высоту.

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

Масштабирование картинки.

Ну и ещё один вопрос, на который следует обратить внимание — масштаб максимальной картинки. Если вы картинку грузили с фотоаппарата,  возможно что её реальный размер очень- очень большой. Давайте вспомним среднее разрешение экрана пользователя и отталкиваясь от этой цифры отмасштабируем картинку так чтобы она влезала в экран даже при полных размерах. И нам меньше грузить и пользователь увидит вменяемый размер.

При загрузке картинки жмём под миниатюрой «Редактировать», а потом справа «Масштабировать»

И вот сюда вставляем максимальную ширину которой эта наша картинка будет выдаваться.

На сегодня всё, в следующий раз будем делать рамку и водяной знак/копирайт на нашу картинку. Очень полезное дело когда вы постите в блоге множество своих красивых фотографий и есть шанс что их растащат по инету.

Редактировать:

Вы можете подписаться на новые посты этого блога: