Рассылка блога

Форма подписки

Подпишись на обновления сайта. Получай новые статьи на почту:

Напишите мне

Your message was successfully sent.
Thank You!

Яндекс.Метрика
Яндекс цитирования
DevilArt.name - cервис анализа сайтов
Счетчик PR-CY.Rank
Счетчик PR-CY.Rank

Как проще подготовить изображение для блога?

Нравится

Как проще подготовить изображение для блога?

                                                                                  Как проще подготовить изображение для блога?Немаловажное значение в деле привлечения внимания в нашему сайту, а значит, повышения посещаемости  http://fobos12.ru/?p=1636, имеют изображения. Изображения могут не только привлечь дополнительных посетителей, но и способствовать повышенному интересу поисковых систем. Для этого мало просто разместить картинки. В первую очередь их нужно оптимизировать для размещения, привести к такому виду, чтобы они были читабельными, привлекательными для просмотра и в то же время не занимали большой объем. Как правильно подготовить изображение? Как подготовить его проще? Как сделать так, чтобы поисковые системы обращали внимание наряду с текстом еще и на изображение? С этими вопросами попробуем разобраться в данной статье.

          Кроме картинок, используемых, как правило, для привлечения внимания и размещаемых в начале текста, есть еще большая разновидность изображений, используемых для более наглядного представления контента, лучшего его представления. К таким изображениям можно отнести скриншоты с экрана монитора  http://fobos12.ru/?p=1942  в обучающих статьях, различные схемы, графики и т. д. Общими для них при размещении на сайте являются особые требования по достаточной четкости, для опять же читабельности содержащегося там текстового материала.

          Для подготовки изображений можно, конечно, использовать прекрасно зарекомендовавшие себя мощные программы Adobe Photoshop. Однако, в случаях, когда для редактирования, изменения изображения просто не требуется мощный и непростой функционал Adobe Photoshop, достаточно возможностей стандартных приложений к Windows – графических редакторов Microsoft Office Picture Manager или Microsoft Office 2010. В этих программах рассмотрим интересующее нас направление «Редактирование рисунков». Увидим, как достаточно просто производить корректировку яркости и контрастности фотографий, изменение размеров и объема рисунков для достижения требуемых, поворачивать, обрезать изображение.                

          Для начала работы, открытия  Microsoft Office 2010  выберем любой графический файл и кликнем на него правой кнопкой мышки.  В открывшемся меню выбираем «Открыть с помощью», и в открывшемся окне ищем  искомую программу (рисунок 1).

Как проще подготовить изображение для блога?

Рисунок 1. Открытие редактора Microsoft Office 2010

Если есть, нажимаем на сточку и открываем программу.   Если  нет, то кликаем на строку «Выбрать программу» и в открывшемся списке находим Microsoft Office 2010 (рисунок 2). Открываем  файл. 

Как проще подготовить изображение для блога?

Рисунок 2. Выбор программы

Для редактирования  выбираем «Изменить рисунки». Открывается, наряду с нашим изображением, панель со списком доступных функций для редактирования (рисунок 3).

Как проще подготовить изображение для блога?

Рисунок 3. Меню доступных функций

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

Как проще подготовить изображение для блога?

Рисунок 4. Изменение границ рисунка

          Часто для размещения на сайте изображение должно быть определенного размера. Это может быть картинка для аватара, например, 50х50 пикселей, картинка для вставки в начале статьи, обычно не более 250 пикселей в ширину или изображение для размещения внутри статьи. В этом случае ширина его может ограничиваться шириной поля статьи. Конечно, мы можем загрузить на сайт и изображение большего размера, чем ширина поля со статьей и скорректировать размеры в самом WordPress. Но, делать это следует только тогда, когда изображение, вписанное в рамки поля по ширине не читается (мелкий шрифт, не видны нужные мелкие детали и т.д.). Тогда при нажатии курсором на изображение в блоге оно увеличится до исходных размеров и его можно будет легко просмотреть. Во всех остальных случаях нужно стараться делать изображение минимального размера, чтобы минимальным был и его вес.  Для этого нажимаем на кнопку в меню «Изменить рисунки» и выбираем «Изменение размера» (рисунок 3). Здесь есть несколько вариантов.

1.            Выбираем «Вписать рисунок в произвольный размер» и указываем нужные параметры: произвольные ширина и высота.  Нажимаем кнопку OK и сохраняем файл (рисунок 5).

Как проще подготовить изображение для блога?

Рисунок 5. Вписать рисунок в произвольный размер

2.            Можем выбрать из списка в окне «Вписать рисунок в стандартные ширину и высоту» (рисунок 6).

Как проще подготовить изображение для блога?

Рисунок 6. Вписать рисунок в стандартные ширину и высоту

3.            Задать процент от исходных ширины и высоты (рисунок 7).

Как проще подготовить изображение для блога?

Рисунок 7. Задать процент от исходных ширины и высоты

После произведенных манипуляций сохраняем рисунки.

          Можно произвести сжатие рисунков, что также позволит уменьшить размер нашего файла и время его загрузки. При нажатии на кнопку «Сжатие рисунков» в открывшемся меню выбираем варианты — сжимать для: документов, электронной почты и т.д. (рисунок 8).

Как проще подготовить изображение для блога?

Рисунок 8. Панель сжатия рисунков

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

          При использовании кнопки «Автоподстройка» (рисунок 3) автоматически подстраивается яркость и контрастность изображения. Часто довольно грубо. Чтобы точнее произвести настройку нужно нажать на кнопки под надписью «Изменить, используя следующие средства», например, «Яркость, контрастность». В открывшемся меню (рисунок 9) можно автоматически подобрать параметры яркости и контрастности, а можно вручную инструментами под надписью «Параметры яркости и контраста».

Как проще подготовить изображение для блога?

Рисунок 9. Подбор яркости и контрастности

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

          В следующей статье рассмотрим, может быть, не актуальную тему для всех, но очень нужную для новичков – «Как сделать скриншот с экрана монитора?»

Подпишись на обновления сайта. Получай новые статьи на почту:

Понравилась статья? Поделитесь с друзьями! Нажмите на кнопочки!
Приглашаю присоединиться:

Похожие статьи

8 комментариев к записи Как проще подготовить изображение для блога?

Страница 1 из 11
  • Татьяна сказал:

    Здравствуйте, Леонид. Хотела подписаться на создание баннера——а мне ответили—Сервис рассылок Smartresponder
    закрыт с 1 ноября 2016 года.

    Жалко!Да , кстати зайдите на мой сайт—там у меня еще только одна практика—-но какая—-это надо каждому—-можно и комментарий—-кликните по цифре 34( или около)—она вверху справа( как-то что-то у меня не то с комментариями—спрятались))))). Спасибо за статью —самое главное . что вовремя.

  • Светлана сказал:

    Доброе утро Анатолий! Вместо комментария, вопрос по смежной теме.
    Как давать имена картинкам и как правильно писать альтернативное имя картинки, какой-то разнобой получала в ответ на этот вопрос.
    Пример: имя картинки Bukvica-A.png alt буквица-А.png так допустимо?
    У меня не Ворд Пресс, но много общего, там всё проще.
    Спасибо, Анатолий потихоньку исправляю и наполняю сайт с вашей помощью.
    Страницы почти все индексируются.

  • Ольга сказал:

    Спасибо. Для новичков очень актуально. Многое приходится осваивать по ходу работы.

  • lyubov сказал:

    Я пользуюсь для редактирования картинок и фотографий программой FSViewer. Она очень проста в использовании, с большим функционалом и главное позволяет сделать надпись на картинке, например с адресом вашего сайта.

  • filkons сказал:

    Инструктаж по графике в MS Office весьма кстати, т.к. удобнее владеть всеми возможностями имеющегося пакета программ, нежели скачитвать дополнительно какой-то редактор.

  • admin сказал:

    Оксана, спасибо за совет! Я пытался сделать ссылки для новых статей, так, как Вы говорите. Все получается, но при нажатии кнопки «ОК» меняются ссылки не только на свежую статью, но и на все остальные. А их у меня уже много и все проиндексированы. Менять я их не хочу. Плагина Permalink Redirect на сайте нет. Видимо в самой теме уже заложены такие свойства. Увы, время упущено, будем делать на другом сайте. Удачи!

  • OksKuts сказал:

    Извините, за некорректную подсказку, удалите вторую часть письма/замените на блок ниже:
    _________________________________________________________
    Леонид, если Вы не против, одно маленькое уточнение-совет: вместо ссылок на статьи в исполнении http://fobos12.ru/?p=1636 хотелось бы видеть текстовые гиперссылки Как повысить посещаемость сайта.

    Так все же читабильнее!

  • OksKuts сказал:

    Польностью с Вами согласна. Не всем по силам искать, скачивать и устанавливать программы сторонних разработчиков для обработки изображений. Средствами Windows можно вполне обойтись. Если сайт не преследует представление мелких деталях на своих изображениях, то Microsoft Office Picture Manager, идущего в комплекте с операционной системой вполне достаточно.
    Леонид, если Вы не против, одно маленькое уточнение-совет: вместо ссылок на статьи в исполнении http://fobos12.ru/?p=1636 хотелось бы видеть текстовые гиперссылки <a href="http://fobos12.ru/?p=1636&quot; title=" , так все же красивее…

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Рад приветствовать!

Подписаться

Архивы

Хостинг для Wordpress сайтов