Нравится

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

                                                                                  Немаловажное значение в деле привлечения внимания в нашему сайту, а значит, повышения посещаемости  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).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Приглашаю присоединиться:

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

• Публикация статей
• Как повысить посещаемость сайта?