Skip to content
 

Уникальные картинки, оптимизация изображений

Как сделать картинку уникальной.optimisazij

Давайте рассмотрим, что такое оптимизация и уникальность изображений.  Картинки украшают наш сайт, делают его привлекательным, помогают в пояснении к нашим статьям. Добавляя записи на свой блог, мы вставляем в них картинки. А всегда ли правильно мы это делаем? Чаще всего новички не задумываются над этим, загружая первую понравившуюся картинку, без всякой предварительной обработки. Это не правильно. Любую картинку, которую мы нашли на Яндексе, или сделали сами (например скан), нужно вначале обработать.

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

Оптимизировать картинку, означает сжать её без потери качества. Сделать это можно в графическом редакторе — Photoshop.  Во — первых,  выбранную вами картинку нужно сделать уникальной, то есть, что бы она для поисковых роботов выглядела как совершенно новая картинка, отличалась от той, что вы скачали с Яндекса или ещё какого другого сервера. Для этого нужно внести изменения в изображение. Даже если вы не владеете Photoshop, сделать это не сложно, достаточно будет поместить на картинку надпись, или сделать обводку картинки, и для поисковика она  будет уже совершенно новая.

Находим в интернете, (например на Яндекс – картинки) изображение по теме вашей статьи. Загружаем его на свой компьютер. Открываете Photoshop, вверху меню жмете «файл»  — «открыть».

optimizer

И выбираете изображение с вашего компьютера, ищете ту папку, куда вы его загрузили, жмете на него. Затем в окне, из которого производили поиск, жмете «открыть», и  картинка открывается в  редакторе.

optimizer1

Смотрим на панель «слои», (справа) если на слое стоит замок, то нужно снять его. Для этого подводим курсор к замочку, курсор превращается в руку, захватываем замок, нажав на левую кнопку мыши, и тащим его вниз, на иконку с корзинкой, отпускаем на корзине, и наше изображение уже без замка, и название «фон» поменялось на «слой 0».

Приступаем к обработке. Для начала давайте определимся с размером изображения. Сильно большие изображения тормозят и загромождают наш сайт, занимают много  пространства, а оно нам надо? Значит, идем опять в верхнюю панель, ищем надпись «изображение» жмем, и выпавшем окне ищем — «размер изображения».

optimizer2

Щелкаем по нему, у нас открывается окошко,  в  котором указан текущий размер. В верхней части этого окна, в строчке «ширина» вставляем нужный нам размер, высота измениться автоматически. Если это просто картинка для статьи, то можно сделать её по ширине от 300 до 500px, ели же это снимок экрана с пояснениями, то 500 – 700px, Смотря какие размеры ленты для записей (ширина) на вашем блоге.

optimizer

Далее изменяем картинку, если вы хорошо владеете инструментами Photoshop, то можно вставить в изображение дополнительные детали, собрав коллаж из разных частей изображений. Сейчас в интернете можно скачать много клипарта (вырезанные части изображений) для коллажа. Если же вам не знаком этот редактор, то можно ограничиться надписью и обводкой.

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

Подписываем  картинку.

optimisazij

Для этого нам понадобиться инструмент — «текст», выглядит он просто – «Т».  Жмем на буковку, и ждем несколько секунд, пока он загрузится. Вверху под основной панелью редактора, открывается панель выбранного инструмента, в данном случае «текста»,  там вы сможете выбрать шрифт, размер, и цвет текста. Когда все настроили, кликнем  в том месте, где будет текст, и пишем то, что задумали. Можно написать название вашей статьи, или пояснение к статье, это уже вам решать…

optimizer3

Далее, взяв инструмент «перемещение», можно выровнять текст, передвинуть туда, где он будет находиться. Если вы не угадали с размером текста или шрифтом, то это не страшно, выделив текст мышкой, как обычно выделяем в любом тексте, можно заново поменять цвет, размер или шрифт. Играя с настройками, добиваемся результата, который удовлетворяет по всем критериям. После этого на панели слоёв (в правой стороне экрана), кликнем по слою с текстом, правой кнопкой мыши, и в выпавшем списке выбираем «растрировать текст».

optimizer4

Затем,  два щелчка, по тому же слою, левой кнопкой мыши.  В  открывшимся окне,  нажимаем на «тень».

optimizer5

Здесь вы так же можете поиграть с настройками, наблюдая за результатом. Можно конечно тень не делать, но надпись с тенью выглядит объемнее, красивее (но это конечно моё мнение), тень можно сделать светлее, двигая ползунок «непрозрачность»,  увеличить или уменьшить, с помощью ползунков  «смещение», «размер», «размах». Не бойтесь экспериментировать, двигайте ползунки, и наблюдайте за результатом. По желанию, можно наложить градиент, поменять цвет, сделать обводку. Пробуйте, наблюдайте…  Когда все настройки сделаны, жмем  «OK».

optimizer6

 

В правой части редактора в панели  «слои», жмем на треугольник и в выпавшем списке нажимаем «объединить с предыдущим».  То же самое можно проделать другим путем: —  в верхней панели жмем  «слои», и «объединить с предыдущим» или «объединить видимые».

optimizer7

Далее в верхней панели находим кнопку «редактирование» — «выполнить обводку». В открывшемся окне, выбираем ширину обводки, цвет, расположение. Жмем «OK».

optimizer8optimizer9

Все  уникальная картинка готова! Осталось оптимизировать картинку, уменьшив вес картинки. Жмем кнопку «файл», находим в выпавшем списке — «сохранить для WEB и устройств…».

optimizer11

Откроется окно сохранения  картинки. Там  по умолчанию нам предлагают уже оптимизированную картинку, но вы можете сами просмотреть изображение, нажав на кнопки в верхнем правом углу «2 варианта», и «4 варианта».  Обратите внимание на качество оптимизированных картинок, на их вес, и за сколько сек. ваша картинка будет загружаться. В правом верхнем углу можно поменять формат сохраненного изображения (GIF, JPEG, PNG). Посмотреть в каком формате изображение легче. Когда все устраивает, жмем «сохранить». Обязательно при сохранении называем картинку по названию статьи, или по вашей теме. Название прописываем английскими буквами.  Так вы оптимизируете изображение для поисковиков. Что бы к вам шел трафик не только от запросов по словам, но и с поиска по картинкам. Да и поисковикам больше нравятся полностью оптимизированные тексты.

optimizer.1

optimizer12

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

В открывшихся настройках картинки вписываем ключевое слово в графу «заголовок», и заполняем описание — «Alternate Text». Указываете, где будет находиться ваша картинка (справа, центр, слева). Указываете размер изображения. Если вы указываете меньший размер, то при клике на изображение оно откроется в полном размере на этой же страничке, или в новой вкладке. Это так же можно отметить в настройках. Вот мы и получили уникальную и оптимизированную картинку.

Небольшой совет, загружать изображения сразу нужного размера, отключить в настройках WordPress создания дубликатов картинок, так как они занимают много места и грузят сайт. Отключить ссылку на медиафайл. Когда вы загружаете картинку в графе ссылка выбирайте — «нет». Эти несложные действия избавят вас от больших проблем с созданием дубликатов картинок, страниц, и прочего мусора.

Писала я дольше, чем это все делается. Это совсем не сложно, но очень поможет вам в продвижении сайта. Если что – то не понятно объяснила, задавайте вопросы в комментариях, с удовольствием на них отвечу, и внесу соответствующее дополнение в запись.

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

Поворот картинки, зеркальное отображение по горизонтали, совмещение нескольких изображений (коллаж). Если вы взяли картинку из интернета, то можно найти соответствующую по теме картинку без фона — клипарт. Затем вставить клипарт на картинку так, чтобы получилась композиция из двух изображений.

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

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

Удачи вам и до встреч на страницах блога. Подписывайтесь, чтобы  не пропустить новые статьи.

Ирина Баталова

Я хочу быть в курсе событий на сайте!

Подпишитесь прямо сейчас, и получайте обновления на свой E-Mail:

Ваш E-Mail в безопасности

Google

68 комментариев

  1. Irina Hochweis:

    Мне очень понравилось!

  2. Оказывается, что все очень даже проще, чем казалось. И картинка смешная.

  3. Правильно говорят, что глаза боятся, а руки делают! ❗

  4. Вашему трудолюбию, Ирина, можно позавидовать — столько скриншотов к одной статье!
    А тема очень важная — картинки должны быть оригинальные и уникальные — ничего не попишешь! Будем стараться!

  5. А если для уникальности картинки использовать какие нибудь сервисы, она будет уникальной?

    • Уникальность — это когда у вас такая картинка, какой больше ни у кого нет, а с помощью чего вы её такой сделаете, не имеет значения. Можно взять обычную картинку из интернета, и внести в неё изменения. Можно в графическом редакторе, можно на специальных сервисах онлайн. И она для поисковых систем становится уникальной. Это то же самое, что и с текстом. Берёте где то текст, изменяете, и вуаля! Уникальный текст!

  6. Ирина, с большим интересом прочел статью. Понимаю, что оптимизация картинки необходима, но слишком уж длительным мне показался сам процесс. А нет ли способа оптимизации попроще? Тем более что с Фотошопом я еще на Вы.

    • Конечно, Александр, есть и попроще, это онлайн фоторедактор на Яндекс Диске. На главной странице сайта есть статья, о том, как им пользоваться.

    • Anna:

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

  7. Ирина, понравилась твоя статья о картинках. Я многого не знаю. Есть у меня и фотошоп на компьютере, но я все никак не могла освоить его, хотя конспектов уже исписала много. Но надо было добавлять картинки в статьи и я методом тыка делала и сейчас делаю это на Paint. Сначала делала медленно, пока подберу размер, сейчас немного быстрее. Но всех возможностей этого сервиса я так и не знаю. Вот попробую освоить потихоньку и фотошоп, по твоей статье. Ты так подробно описала, как раз для таких, как я. Скажи, а если я сделаю рисунок с видео, это как расценят поисковики?

  8. Привет! Хотя в моих блогах картинки фактически на 90…95 процентов уникальные (мои свежие или архивные фото), все же считаю, что качественному их оформлению при иллюстрировании свежих статей я пока что придаю мало внимания. Сжал, улучшил экспозицию, добавил (или убрал) контраст, изредка подписал — вот и все манипуляции.
    Вот теперь проштудирую Вашу статью, Ирина, основательно и законспектирую необходимые фишки как в электронном, так и в бумажном виде. 😉
    Спасибо большое за информативность ❗

  9. Ирина, а если просто таскать картинки из интернета и ничего к ним не добавлять, а просто уменьшать, после чего размещать в статье, это чем-нибудь чревато?

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

      • Anna:

        Ирина, но ведь эти картинки находятся в свободном доступе в интернете, какие могут быть претензии к их использованию? С уважением, Анна. 🙂

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

          • Anna:

            Да, Ирина, я это понимаю…в самом начале ведения блога даже не знала об этом…А теперь вот стараюсь сделать картинки уникальными…Для этого использую различные сервисы и онлайн — редакторы фотошопы…С уважением, Анна. 🙂

          • Многие не знают об этом, потом удивляются, отчего блог не продвигается.

  10. Ирина! Вот как быть в таком случае, когда при просмотре опубликованного материала увидела, что вот эту картинку лучше вставить туда-то, а сюда — другую. Вопрос: я могу картинки иногда менять местами, удалять или добавлять? Как на это смотрят наши господа-поисковики?

  11. Я тоже вначале не изменяла картинки. И фотографии не уменьшала. столько всего делала не так. все то от нехватки времени, а потом думаю. как исправлять. И сейчас делаю ошибку-не приписываю название картинки на английском.
    Ира, когда ты успеваешь все это изучить и понять? 😐

    • Вот из таких мелочей мы делаем себе большие проблемы. Лучше сразу всё сделать правильно, чем потом долго переделывать. Или забить на всё, но дальше делать правильно! 😉

    • Anna:

      Ольга, хочу сказать, что вы такая не одна…Трудновато это всё сделать с первого раза, когда ты иногда даже не понимаешь, что ты делаешь…С уважением, Анна. 🙂

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

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

  13. В дополнение к статье рекомендую сервис для проверки уникальности: tineye.com.

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

    • @Татьяна Суркова, два заголовка первого уровня — это очень плохо. Уже исправила, а произошла такая ошибка при замене темы. Эта статья писалась в старой теме, и там немного по другому писала заголовок, а при смене темы произошёл сбой, теперь меняю все такие заголовки в старых статьях. ❓

  15. А я ленюсь сжимать картинки. Еще для себя, подписываю картинку/фото по русски и в таком виде загружаю в интернет. И если вы говорите, что так мое картинка/фото не попадет в поиск, то возникает вопрос: а исправить мою ошибку можно? Но при этом фото не перезагружать.

  16. у меня все картинки личные, так что пользуюсь онлайн редакторами для оптимизации и все. не прописываю название по английски, нет времени, просто оставляю цифры и буквы. Часть картинок попадает в индекс даже такие, но сейчас уже меньше почему-то чем раньше.

    • @Зоя, подписывать картинки можно и цифрами, можно и по русски, только на некоторых блогах русские названия дают длинную и некрасивую, не читающуюся ссылку, поэтому лучше поставить английские буквы, а на индексацию это не влияет. ➡

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

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

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

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

  19. Здравствуйте!
    Всё что можно улучшить у своего детища (сайта) надо улучшать и модернизировать, особенно если по каким-то причинам это не сделано.
    Иногда и надпись добавляешь и повороты, а всё равно 1-2 повтора найдёт, значит надо всё-таки осваивать фотошоп 😯

  20. Мне кажется,уникальной картинку сейчас,очень тяжело сделать.Даже слепив из нескольких картинок. 😕

  21. Ирина, у меня Яндекс не индессирует картинки, почему это может быть?

  22. Anna:

    Ирина, спасибо за такуюинформацию, многое уже взяла на использование к себе на блог…с уважением, Анна. 🙂

  23. Ирина, а где кнопочки соцсетей, на которые надо нажать, чтобы рассказать своим друзьям о Вас?

Написать отзыв

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: