Как проще подготовить изображение для блога?
Как проще подготовить изображение для блога?
Немаловажное значение в деле привлечения внимания в нашему сайту, а значит, повышения посещаемости 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) можно автоматически подобрать параметры яркости и контрастности, а можно вручную инструментами под надписью «Параметры яркости и контраста».
Вот так в простейшем графическом редакторе можно отредактировать изображения, получить необходимые размеры, объем, т.е. оптимизировать их для уменьшения времени загрузки на блоге и в то же время сохранить качество, чтобы они были читабельными, привлекательными для просмотра.
В следующей статье рассмотрим, может быть, не актуальную тему для всех, но очень нужную для новичков – «Как сделать скриншот с экрана монитора?»

Здравствуйте, Леонид. Хотела подписаться на создание баннера——а мне ответили—Сервис рассылок Smartresponder
закрыт с 1 ноября 2016 года.
Жалко!Да , кстати зайдите на мой сайт—там у меня еще только одна практика—-но какая—-это надо каждому—-можно и комментарий—-кликните по цифре 34( или около)—она вверху справа( как-то что-то у меня не то с комментариями—спрятались))))). Спасибо за статью —самое главное . что вовремя.
Доброе утро Анатолий! Вместо комментария, вопрос по смежной теме.
Как давать имена картинкам и как правильно писать альтернативное имя картинки, какой-то разнобой получала в ответ на этот вопрос.
Пример: имя картинки Bukvica-A.png alt буквица-А.png так допустимо?
У меня не Ворд Пресс, но много общего, там всё проще.
Спасибо, Анатолий потихоньку исправляю и наполняю сайт с вашей помощью.
Страницы почти все индексируются.
Спасибо. Для новичков очень актуально. Многое приходится осваивать по ходу работы.
Я пользуюсь для редактирования картинок и фотографий программой FSViewer. Она очень проста в использовании, с большим функционалом и главное позволяет сделать надпись на картинке, например с адресом вашего сайта.
Инструктаж по графике в MS Office весьма кстати, т.к. удобнее владеть всеми возможностями имеющегося пакета программ, нежели скачитвать дополнительно какой-то редактор.
Оксана, спасибо за совет! Я пытался сделать ссылки для новых статей, так, как Вы говорите. Все получается, но при нажатии кнопки «ОК» меняются ссылки не только на свежую статью, но и на все остальные. А их у меня уже много и все проиндексированы. Менять я их не хочу. Плагина Permalink Redirect на сайте нет. Видимо в самой теме уже заложены такие свойства. Увы, время упущено, будем делать на другом сайте. Удачи!
Извините, за некорректную подсказку, удалите вторую часть письма/замените на блок ниже:
_________________________________________________________
Леонид, если Вы не против, одно маленькое уточнение-совет: вместо ссылок на статьи в исполнении http://fobos12.ru/?p=1636 хотелось бы видеть текстовые гиперссылки Как повысить посещаемость сайта.
Так все же читабильнее!
Польностью с Вами согласна. Не всем по силам искать, скачивать и устанавливать программы сторонних разработчиков для обработки изображений. Средствами Windows можно вполне обойтись. Если сайт не преследует представление мелких деталях на своих изображениях, то Microsoft Office Picture Manager, идущего в комплекте с операционной системой вполне достаточно.
Леонид, если Вы не против, одно маленькое уточнение-совет: вместо ссылок на статьи в исполнении http://fobos12.ru/?p=1636 хотелось бы видеть текстовые гиперссылки <a href="http://fobos12.ru/?p=1636" title=" , так все же красивее…