Как правильно подготовить изображение к публикации на блоге

  Автор:
  5020
Как правильно подготовить изображение к публикации на блоге

В прошлой статье мы подробно разобрались где брать изображения для статей. Неожиданно тема оказалась очень актуальной :). Сегодня продолжим разговор на тему картинок для блога.

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

Требования к изображению для статьи:

Размер изображения.
Соответствовать тому размеру в котором отображается на блоге. Например у Вас изображение 6000 пикселей по ширине, а на блоге оно отображается 588 пикселей. Значит до загрузки изображения на блог Вы должны его уменьшить до 588 пикселей.

Без лишних полей
Перед загрузкой необходимо обрезать лишнее или вырезать нужное.

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

Название изображения
Используйте ключевое слово или фразу статьи. В названии могут быть латинские буквы и цифры. Избегайте кирилицы.

Формат изображения
В WordPress можно использовать изображения в формате jpeg, png или gif.

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

В этой статье мы рассмотрим:

  • Как обрезать изображение
  • Как уменьшить изображение
  • Как оптимизировать изображения
  • Как переименовать изображения

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

Как обрезать изображение

Для этого мы воспользуемся программой http://pixlr.com/editor. Она бесплатная.

1. Зайдите в программу Pixlr.com и нажмите на «Загрузить изображение с компьютера»

2. Выберите изображение на компьютере для редактирования.

3. Выберите слева в панеле инструмент «Обрезка»

4. Наведите мышку на изображение слева вверху = Нажмите левую кнопку мыши и удерживайте = ведите мышку в правый нижний угол = отпустите, когда дойдете до нужного места.

На картинке появится сетка. Во всех углах сетки появятся голубые квардратики. С помощью них  Вы можете отрегулировать область обрезания. Отодвигайте их вниз вверх для изменения области.

5. Кликните по любому значку или полю вне изображения

6. Во всплывшем окне нажмите «Ок»

Небольшая видеоинструкция:

Как уменьшить изображение

Предположим Вам нужно уменьшить то же изображения, что мы только что обрезали. Старайтесь уменьшить изображение до такого размера, как оно будет выглядеть на блоге. Например: максимальная ширина на блоге в шаблоне AB-Inspiration 588px. На странице без боковой колонки — 966px.

1. В  Pixlr выберите в меню сверху «Изображение» — «Размер изображения»

2. Во всплывшем окне укажите желаемые размеры. Убедитесь, что стоит галочка «Сохранить пропорции»

3. Нажмите на кнопку «Да»

Как изменить размер изображения

Как изменить размер изображения

Как сохранить и переименовать изображение

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

1. Выберите на верху в меню «Файл» — «Сохранить»

2. Выберите куда сохранять файл — «Мой компьютер»

3. В поле «Имя» впишите название файла

4. Выберите формат — JPEG или PNG (PNG — если Ваше изображение с прозрачным фоном)

5. Нажмите на кнопку «OK»

Как сохранить изображение

Как сохранить изображение

Как оптимизировать изображения

Для оптимизации изображения мы воспользуемся другими сервисами.

http://kraken.io/web-interface — сильно сжимает, ухудшает качество.

http://web.archive.org/web/20090720063025/http://www.smush.it:80/ — меньше сжатие, лучше качество.

Посмотрим на примере сервиса Smush.it

1. Зайдите на сайт http://smush.it/ и переключитесь во вкладку «Uploader»

2. Выберите файл

3. нажмите на кнопку «Smush»

Как оптимизировать изображение онлайн
переключитесь во вкладку «Uploader»

4. на открывшейся странице нажмите на ссылку оптимизированного изображения

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

5. на странице откроется оптимизированное изображение. Нажмите на него левой кнопкой мыши — выберите «Сохранить как» — сохраните на своем компьютере.

Как оптимизировать изображение онлайн
сохраните изображение на своем компьютере

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

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

Как правильно подготовить изображение к публикации на блоге

   8 голосов
Средняя оценка: 4.6 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Оставьте свой комментарий:
25 комментариев
  1. Анфиса, я сжала одно изображение — у меня получилось. А потом сколько ни пыталась сжать на сайте smush — там написано Smush.it did not find any saving of your image(s). Почему он не может найти?

на Блоге
в Фейсбук
в Вконтакте