Как правильнее поместить картинку в блог. Часть 1.

Стерео варио фотография.

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

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

1)      При выборе картинки для статьи, будьте внимательны. Этот момент, на самом деле, важен.

После заголовка  статьи,  на мнение посетителя,  читать или не читать  статью, оказывает картинка перед текстом.  Она должна цеплять не меньше заголовка статьи.

Мутные, не резкие, неряшливые фотографии, порой не согласующиеся с темой, скорее отпугнут читателя.  Картинка должна  интриговать, завлекать, рассказывать, настраивая  читателя на нужный лад.

Совсем не обязательно подбирать картинку, как  говориться "в лоб".  Интереснее, когда в ней есть подтекст,  второй смысл. Это заставляет читателя задуматься, а думающий он нравиться себе больше.

2)      Прежде чем загрузить файл на свой хостинг и поместить картинку в блог, её нужно подготовить и адаптировать.

Открываем программу Photoshop,  если нет,  можно  воспользоваться  онлайн редактором.

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

Заходим в раздел "Изображение", в верхней строке меню, дальше выбираем подраздел "Размер изображения". Размер по высоте ставим 600 или 800 пикс. Этого достаточно для рассматривания при увеличении.

Стерео варио фото

Если необходимо, можно провести коррекцию картинки по яркости-контрасту. Часто это идёт на пользу её визуальному восприятию. Раздел "Изображение"-"Коррекция"-"Яркость/Контрастность".  Здесь 2 ползунка.  Двигая их, добиваемся, на свой вкус, лучшего варианта.

Улучшаем резкость, раздел «Фильтр» - «Усиление резкости».  Радиус – 1 пикс.,  ползунком «Эффект» настраиваем нужную резкость.

Стерео варио фото

Сохраняем картинку, обязательно в формате JPG. Если это не GIF.

Важно! Заходим в меню "Файл" и находим вкладку "Сохранить для Web и устройств...".  По этому алгоритму, сжатие происходит, максимальное по "весу" файла  и минимальное по зрительному восприятию картинки зрителем.

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

Читать далее...

Это интересно твоим друзьям? Поделитесь с ними.
Мы можем стать друзьями. Напишите мне.

Читать похожие статьи:

  1. Что такое стереофотография? Часть 1.
  2. Что такое стереофотография? Часть 2. Псевдо-стерео.

Отзывов (26) на «Как правильнее поместить картинку в блог. Часть 1.»

  1. NinaPontil пишет:

    Хорошие советы , спасибо.

  2. Юрий пишет:

    Спасибо за полезную информацию, я кстати, никогда не придавал значения зачем сохранять фото для web.

  3. Юлия пишет:

    Очень полезная статья! Иногда очень сложно найти картинку хорошего качества и нужного размера. Теперь все в наших руках.

  4. Elena пишет:

    Согласна – картинка должна зацепить! За фотошоп – спасибо. Ни разу не догадалась воспользоваться, хотя необходимость была.

  5. Лада пишет:

    У меня вечная проблема с картинками на блоге, не хотят вставать как мне хочется.

  6. Татьяна пишет:

    Я на картинки в первую очередь обращаю внимание. Без них и читать статью даже не интересно))) Спасибо за хороший пост)

  7. Андрей пишет:

    Спасибо за советы! Я сам люблю поэксперементировать с фотошопом. Будет интерсно узнать что-то новое. Буду заходить в гости. Успехов и здоровья.

  8. Елена пишет:

    Мммм-да! Вроде бы все это известно и лежит на поверхности, но почему-то картинки на моем сайте не интригуют даже меня. Хорошо, что я зашла на ваш сайт, полезно остановиться и посмотреть на уже сделанное с новой точки зрения. А ваша статья дает этому толчок.

  9. Татьяна пишет:

    Не пользовалась такой возможностью.Надо научиться.Воспользуюсь вашими советами.

  10. Игорь пишет:

    На счет сжатия – это точно надо не забывать, а то со временем, тормозит сильно.

  11. lucas пишет:

    Константин, Вы как всегда на высоте!

  12. Спасибо. Очень актуально.

  13. Олег пишет:

    Спасибо Константин. Еще одна полезная программа. Давно думал научиться фотошопом. Жду продолжения.

  14. Спасибо, применю на практике.

  15. Маргарита пишет:

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

  16. Антон пишет:

    Статья нужная! А вот фотошоп (это моё личное субъективное мнение) ненужный. Для простых операций, а также просмотра изображений, я использую бесплатную программу XnView:
    Есть все необходимые функции для изменения размера, разрешения, качества изображения и еще куча всего. Грузится в разы быстрее чем фотошоп, есть “горячие” сочетания клавиш на нужные операции. Может пригодится кому..
    P.S. Извините, если влез тут со своей программой)

  17. светлана пишет:

    вот здорово ! еще бы рассказали как их вставлять внутри текста у меня они вечно прыгают хочу поставить справа она встает слева хотя в настройках делаю как надо в чем проблема

  18. Леонид пишет:

    Полезная статья. Оптимизация рисунков экономит трафик и время пользователей.

  19. Ринат пишет:

    Все понятно, спасибо.

  20. Редакторы у всех разные.

  21. ольга пишет:

    Спасибо!Это действительно полезная информация для меня!

  22. ольга пишет:

    Очень полезная и нужная информация на сей момент! Спасибо!

  23. Жанна пишет:

    Для меня было полезно. Благодарю. Сама все изучаю методом проб и ошибок. Знания и опыт других людей полезно изучать и применять.

  24. Natabul пишет:

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

  25. Как все легко и понятно, когда объясняет профессионал! Но вот где брать картинки? И такие рамочки красивые? У вас, наверное, свои запасы…
    И сколько времени уходит на поиск когда нет в запасе такой красоты!
    Спасибо за статью!

  26. Ирина пишет:

    Интригующая картинка – это здорово, сама я бы не додумалась. Спасибо.

Ваш отзыв