четверг, 10 апреля 2014 г.

Как правильно вставлять картинки в блог?


Информация, на первый взгляд, только для самых зеленых, но только на первый. Да, кто-то выяснит, как вообще вставить картинку в сообщение, а кто-то почерпнет что-то новое. На Blogspot работать с изображениями с одной стороны очень просто, так как существующий сервис Picasa тоже детище Google, и не нужно где-то отдельно регистрироваться и создавать альбом, за вас все автоматически сделают...НО! Родной для большинства Яндекс предпочитает не "видеть" картинки с Picasa, он предпочитает Яндекс.Фотки, что в принципе логично, хотя Google выше этого, он видит и свои и от Яшки. 

Так откуда лучше брать картинки? (даже свои) Верно. Лучше создать на Яндекс.Фотки свой альбом, который легко можно запоролить, чтобы чужие глаза не видели, и оттуда в блог вставлять через URL. 


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


Можно зарегистрироваться (подчеркнуто красным), а можно и авторизироваться, войдя через свой аккаунт из соц.сети. Например из ВК. 


Но делать этого не стоит, так как работать с фото все равно не дадут, а напишут, что нужно создать свой логин на Яндекс (жадные, ей богу)

Поэтому регистрируемся (если у вас есть почтовый ящик от Яндекс, это и есть ваша регистрация). Когда путь регистрации пройден, откройте Яндекс.Фотки. Чуть ниже есть синяя кнопка ЗАГРУЗИТЬ ФОТКИ (у меня от слова фотки глаза режет)


Откроется нечто такое


Тут все достаточно просто. 
Шаг первый: загрузить фотографии или картинки со своего компьютера.
Шаг второй: не принципиально важно (может я и ошибаюсь, но я его игнорирую)
Шаг третий: Вот в настройки заглянем. Там есть возможность ограничить возможность просмотра и печати ваших фото. Если нужно, то ставим галочки, где хотим
Шаг четвертый: Вот его проходим с умом. Так как если не создавать новые папки и альбомы, или ставить пароли, а потом забыть их, все это чревато, что скоро там черт ногу сломит. Поэтому Создаем отдельные альбомы (например: Я, Личное, Мои работы, Для блога и пр), а в альбомах тоже все по полочкам. 

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

Шаг пятый: справа внизу подтверждаете загрузку. Немного ждете и готово. 

Не большое уточнение: я рекомендую ВСЕ изображения сначала скачивать на компьютер, а потом заливать в альбомы на Яндекс. Почему? 
Да, можно личные по прежнему вставлять через Picasa, но альбомы у Picasa не резиновые и наступит время, когда у вас попросят деньги за дополнительное место. 
Да, можно картинки, взятые из интернета напрямую вставлять через URL, но они лежат на чужих хостах, через них однажды может пойти вирус, либо они могут исчезнуть, потому что сторонний сервис перестанет существовать. 
Поэтому, чтобы ваши изображения были безопасны для вас же самих (из-за вируса блог могут заблокировать; Исчезнувшие фото не что иное как битые ссылки, которые очерняют ваш блог), заливайте ВСЕ изображения на Яндекс (либо другой хост) и оттуда вставляйте через URL.

Откуда взять картинки разобрались. Для новичков напомню, как их вставить в пост. 


Во время написания поста, перед вами строка с инструментами. Среди них есть символ картинки (выделен красным). Нужно нажать на него, откроется окно.

Сегодня мы учимся вставлять через URL. 

Новички не все знают, где этот URL взять. Пусть вас не пугают эти буквы, это не что иное как веб-адрес изображения. Чтобы узнать его, нужно 
  • навести курсор на изображение, 
  • нажать на правую клавишу мышки, 
  • выбрать фразу КОПИРОВАТЬ URL КАРТИНКИ (это у Хрома. У Оперы КОПИРОВАТЬ АДРЕС ИЗОБРАЖЕНИЯ. В других браузерах должно быть нечто похожее. В Интернет Эксплоуэр такой возможности нет поставьте нормальный браузер)
  • кликнуть по этой фразе левой клавишей мыши.


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


Слева выбираем нижнее ПО URL, вверху в строчку вставляем скопированный веб-адрес изображения, дожидаемся, когда картинка загрузится и синяя клавиша ДОБАВИТЬ ВЫБРАННЫЕ ИЗОБРАЖЕНИЯ станет ярче, нажимаем.


Так наша картинка появится в сообщении. Но она будет небольшой, может быть сдвинута в сторону. Что делать? 

Нажать на изображение, чтобы оно покрылось голубой пеленой, ниже этого появится строчка


Размер изображений. Я предпочитаю крупный размер изображений как в своем, так и чужих блогах. Читать про захватывающие путешествия, но не иметь возможности хорошо рассмотреть маленькие фото? Или рукодельница хвастается своими работами, а фото мелкое? Несколько не логично. Иногда, правда, крупные фото вылазят на боковую колонку. Но нужно не фото уменьшать, а немного расширить ширину блога в настройках шаблона.

Выровнять по... Предпочтительнее по центру, так гармоничнее смотрится.

Добавить подпись  Эта функция позволит под фото вставить комментарий. Иногда очень даже уместно и даже нужно, но далеко не всегда обязательно.

Свойства  Свойства расписывать очень полезно. Мы все пользуемся поиском изображений, но находим только те, у которых прописаны свойства. То есть, если вы хотите, чтобы ваш блог находили еще и благодаря вашим фото, то советую прописывать свойства. Как это сделать? Можно прочесть в моей статье Хотите, чтобы ваши интересные фотографии отображались в поисковиках? Читаем, как это сделать.
Прописанные свойства существенно увеличивают приток посетителей на ваш блог, не стоит этим пренебрегать.

Вроде бы все сказала, если чего и забыла, спрашивайте.

Коротко подведем итоги: 
  • фото залитые с компьютера в Picasa- это быстро, просто, но однажды место там закончится;
  • фото взятые напрямую из интернета опасны, могут принести вирус, блокировку блога, битые ссылки, которые не просто удалять;
  • прописанные свойства изображений могут в разы увеличить число ваших читателей;
  • красивые, качественные фотографии и картинки увеличивают привлекательность вашего блога в глазах читателей, а плохие могут навсегда увести читателя с блога;
  • фото, взятые напрямую из интернета, делают ваш блог как решето, через которое трафик уходит на чужие ресурсы. Каждое изображение содержит ссылку, и вес вашего блога в глазах поисковиков тает на глазах, он утекает на сайты, где это фото поставлено с умом.
Секрет напоследок для смелых. Новички могут дальше не читать, информации для мозга уже не мало))) 
Если в вашем блоге уже очень много фотографий из сети, нужно отрезать с них ссылки, которые уводят трафик с вашего блога. Сделать это не сложно.

Открываем редактор сообщения, ИЗМЕНИТЬ HTML, находим среди закорючек фото, которое выглядит примерно так 

<a href="http://img-fotki.yandex.ru/get/5300/133870012.2/0_e7be3_13f4eb0e_XL.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img-fotki.yandex.ru/get/5300/133870012.2/0_e7be3_13f4eb0e_XL.jpg" height="512" width="640" /></a></div>

Нужно удалить первую часть этого всего, именно она является ссылкой, которая уводит трафик. К сожалению, я сама чайник и не могу это утверждать на все сто, но этим многие пользуются и я в том числе (хотя ругаю себя, но мой "скоростной" интернет с флешки слишком долго грузит фото на Яндекс) 

Итак, убираем включительно от <a href="http://img... до момента, когда начнется <img border="0" (это характеристики изображения:ширина, высота и пр) Раньше, было достаточно удалить и выйти из редактирования HTML, сейчас не дают. Всплывает окно, где на розовом фоне написано что-то типа НЕВОЗМОЖНО СОХРАНИТЬ, ТК НЕТ ОТКРЫВАЮЩЕГО ТЕГА...

Как правило они пишут, что за тег. Это либо а, либо div. (либо сначала один, потом второй).
Исправить легко. Копируем с конца фразы нужный тег СО СКОБКАМИ </a> (либо </div>), исправляем его с закрывающего на открывающий. Для этого нужно всего лишь внутри скобки удалить слешку (/) и получить <a> (либо <div>). Как правило сначала должно остаться следующее

<div><a><img border="0" src="http://img-fotki.yandex.ru/get/5300/133870012.2/0_e7be3_13f4eb0e_XL.jpg" height="512" width="640" /></a></div>

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

Вам же не сложно нажать на +1? чтобы порекомендовать статью во всемирной сети? Спасибо!






26 комментариев:

  1. Про то что Яндекс не интдексирует фотографии с Пикасы - это в точку. И это блин бесит меня со страшной силой!!! Потому что от качества самого Яндекса с его "Фотками" меня прям воротит... Вдобавок всё равно он индексирует блоги на Гугле через *опу... У меня в индексе Яндекса 4 страницы!!! Четыре!!! А остальных будто не существует. И даже если он будет индексировать мои картинки, они всё равно окажутся на сотом месте после украденных у меня же, но расположенных на Лиру например.

    Про удаление ссылок из картинок. Важно указать, что они перестанут открываться в лайтбоксе! А остальное всё по делу. Да, подписывать не надо лениться - это хорошее дело :)

    ОтветитьУдалить
    Ответы
    1. Я давно уже есть в Яндексе с его Фотками и дебильной соцсетью Я.ру :) Но всё равно его не люблю :)))

      Удалить
    2. Ха, да тебе везет! У меня в Яндексе проиндексирована только 1 страница. Я пока еще не бралась за поиск решения этой задачи.

      Я помню твое отношение к Яндексу)) У меня он сейчас ассоциируется с рассказом одного из любимых авторов-блоггеров Лерчика, как она ездила в Казань)))) Шикарно пишет!

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

    ОтветитьУдалить
    Ответы
    1. Сова, то, что Вы не берете со стороннего ресурса просто ссылку, это разумно. Важно понять процесс: 1)нашли картинку,2)скачали к себе в компьютер,3)загрузили в блог ....Реально Вы это изображение загрузили в свой веб-альбом на сервисе Пикаса. Все хорошо сначала. Пока место на Пикасе не закончится. Тогда ВДРУГ ваши картинки перестанут грузиться, нужно будет либо удалять старые фото из старых постов, либо довольствоваться малюсенькими размерами фото, либо заплатить за дополнительное место. Пока эта проблема не возникла, Вы все делаете правильно, просто учитывайте такой исход событий.

      Удалить
    2. Энн, большое спасибо за ответ!

      Удалить
  3. Спасибо огромное) Многое нашла полезное и поучительного) Пойду работать над ошибками)

    ОтветитьУдалить
    Ответы
    1. Наталья, исправлять ошибки муторно, понимаю. Но ведь главное избегать их впредь, не так ли?

      Удалить
  4. Яндекс-фотки не люблю - зарегистрировалась там, даже альбом пыталась создать, но неудобно мне - и всё тут...

    А Пикаса не видит фоток меньше какого-то объёма, 1000 Кб, что ли, и если грузить мелкие фотки, то место как бы не расходуется. Я загружаю картинки в среднем по 250-350 Кб - и у меня до сих пор почти не израсходовано место:
    Используется 63 МБ
    Осталось 15297 МБ

    Хотя если гугловцы спохватятся и "научат" Пикасу учитывать все объёмы, то ситуация может поменяться...

    А вот про то, что лучше не тянуть чужие картинки через урл - хорошее напоминание. Иногда лень бывает, то баннер какой-то галереи-конфетки так притащишь, то ещё что-нить... Ищи потом ветра в поле, если удалят! И хотя я любитель именно "шоб було своё" - всё равно проскакивают картинки по ссылкам. Буду исправляться.

    ОтветитьУдалить
    Ответы
    1. Helga-Cat, забавно, но вчера в более личных беседах с двумя умными девушками выслушала совершенно противоположные точки зрения))) Я не настаиваю на Яндексе, ничуть! Просто для большинства новичков он менее пугающий. У меня разные читатели, многие лучше меня разбираются в проблеме, но многие боятся лишний раз клавиши задеть. А Яндекс уже неотъемлемая часть интернета и не так пугает.

      Про Пикасу. Если в блоге обычно пара фото на пост, то Пикасы (тем более если профиль от Гугл+, а не от Блоггер), хватит надолго. Но если посты, как у моей сестры (от 20 фото высокого качества до 40 на пост), то место в Пикасе закончилось через 2 месяца ведения блога. И сестре очень не нравится потеря качества через Пикасу, хотя вторая девушка ругает за то же самое Я.ру. Суть не в выборе хранения, а в том, чтобы не "тащить чужие картинки через урл" (ваши слова).

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

      Удалить
    2. Это да, если блог вообще имеет своей целью продажи или ещё какие-то причины содержать тяжёлые и в хорошем разрешении фотографии, то тут точно ресурс Пикасы быстро исчерпается. )))

      Просто при просмотре изображений на мониторе в большинстве случаев достаточно разрешения 72 пикселя и размера до 1000 пикселей в ширину, а это точно небольшая тяжесть...Вот если снимки предполагают, что их будут сохранять и что-то с ними ещё делать, то надо и разрешение до 300 точек, и размеры побольше... В общем, тут на вкус и цвет у всех потребности разные. )))

      К Яндексу попробую вернуться и поковырять его ещё раз, может, как-то привыкну...

      Удалить
    3. Энн, спасибо за тему! Полезно, несомненно! Обязательно буду иметь в виду!
      Но и с Олей Helga-Cat согласна. У меня за полтора года ведения блога и любви к максимально качественным фото, насколько это могу сделать я и мой фотик, места на Пикасе тоже почти не израсходовано, вот что пишет мне Пикаса:
      "В данный момент используется 1 МБ (0,01%) из доступного объема 15360 МБ".
      Не знаю, как это, хотя фоток загружено около 2000 в 22 альбомах. Обязательно уменьшаю их до 700-1100 пикс. в длину, в зависимости от назначения. И качества Пикаса не меняет, поэтому никак не могу понять жалобы девочек на это. Но у меня нет гугл-профиля, может в этом дело?

      Удалить
  5. Энн, спасибо за полезную информацию!
    Я яндексом давно пользуюсь. Теперь создала специальный альбом с фото для блога.
    А Вы не подскажиет, как на самом изображение сделать подпись?
    Искала в интернете решение этого вопроса. Но фотошопа у меня нет. Может можно при помощи какой-то другой программы сделать?

    ОтветитьУдалить
    Ответы
    1. Виктория, самое простое и доступное из приложений - это Пикаса. Можно и в Paint, который есть на компьютере, но там крайне не удобно это делать. Нужен пост на эту тему? Если да, то напишу. Меня высмеют те, кто умеет пользоваться такими программами, как Фотошоп, Гимп и Коралл, но у Пикасы есть несомненные плюсы: бесплатно скачивается, на русском языке управление, все очень понятно даже чайнику. По крайней мере сделать надпись на фото справитесь, однозначно. Нужна более подробная информация?

      Удалить
    2. Энн, спасибо Вам большое! Я скачала Пикасу и подписала фото!
      Я раньше пыталась через какие-то другие программы, но здесь получилось с первого раза!

      Удалить
    3. Виктория, однозначно Пикаса достойна уважения за столь простое управление. Сама когда-то была очень рада найти ее.

      Удалить
  6. Энн!!!
    О! Энннннн!!!
    Какая же ты - умничка!!! Спасибо тебе огромнейшее за твой такой труд - разжёвывать нам эти прописные истины!!! Когда читаешь твои посты, всё кажется - легко и просто, как сама не додумалась... А ведь - не додумалась же!!!
    Спасибо тебе!!! Большое-приБОЛЬШОЕ!!!
    Весны тебе - яркой и тюльпановой! :)

    ОтветитьУдалить
  7. Машишь, точно, тюльпанов хочу)))) На улице уже пахнет весной, но в саду пока сугробы..

    ОтветитьУдалить
    Ответы
    1. Хоти, моя хорошая, хоти!!! Мысль - материальна! Чем сильнее будешь хотеть, тем скорее кто-нибудь тебе их обязательно подарит!!!
      За статью - спасибо!!!
      Задумалась...
      Сделала...
      Да! Гораздо дольше, чем раньше, но - и плюсы очевидны!!!
      Спасибо большое!!! :) Весна пришла! (Шёпотом: заходи ко мне, я весну встречала в лесу!!!)

      Удалить
  8. Спасибо огромное за пост! А скажите, пожалуйста, у меня все фотографии в блоге непосредственно мои, и я их добавляю в альбом Google прямо с компьютера... Я стараюсь на каждую прописывать тэги для поисковиков. Они в этом случае индексируются?

    ОтветитьУдалить
  9. Энн, спасибо большое за статью. Я загружала картинки напрямую из интернета и не знала правильно ли это. Вы все понятно объяснили, буду исправляться.

    ОтветитьУдалить
  10. Очень жаль: такой подробный и полезный пост - теперь бесполезный...
    Яндекс закрыл большинство своих сервисов (понятия не имею почему), в их числе и фотки и видео и блоги я.ру.
    Спасибо автору за самоотдачу в создании статьи!

    ОтветитьУдалить
  11. Спасибо за интересную информацию
    Я учусь. Может пользователи просмотрят мои блоги и оценят?
    http://intelvasya.blogspot.com/
    http://upramiy.blogspot.com/
    Буду рад отзывам.

    ОтветитьУдалить
  12. Есть вопрос: В мозаичном шаблоне Блоггера не всегда, почему-то, картинка появляется в мозаике. Не могу уловить от чего это зависит. Спец. функции "разместить картинку на мозаику" я не нашла.
    Спасибо если найдете ответ!

    ОтветитьУдалить
  13. Энн, большое спасибо за статью. Она для меня оказалась очень полезной. Пойду почитаю ещё что-нибудь для себя интересное.

    ОтветитьУдалить
  14. РЕДАКТИРОВАНИЕ, СОЗДАНИЕ ВИЗИТОК, ЛИСТОВОК И ФЛАЕРОВ.
    Услуги по обработке и редактированию фотографий и изображений.
    vk.com/neuralphotonets
    buran-10@mail.ru

    ОтветитьУдалить

Дорогой мой читатель, если Вам понравилась статья, то напишите отзыв, мне очень приятно читать комментарии. А если Вы посчитаете, что статья достойна того, чтобы ее порекомендовать остальным, нажмите на +1.

Хотите сохранить полезную информацию в соц.сетях? Выбираем и сохраняем!

LinkWithin

Related Posts Plugin for WordPress, Blogger...