Изображения в блоге


Содержание материала:

Картинки для вашего блога. Где взять, как оптимизировать

Здравствуйте уважаемые читатели! Сегодня я затрону очень актуальную тему, картинки для вашего блога.

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

Как быть? Картинки обязательно должны присутствовать на вашем блоге. Иногда они просто необходимы, когда нужно что-то показать визуально. Красивая картинка (по теме статьи) «заставляет» прочитать текст до конца.

Несколько способов уникализировать картинку

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

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

Мне пришло сообщение, что текст уникален на 96%, а картинки надо заменить, т.к. они не уникальны. Вот так. Но этот способ имеет право быть.

Второй способ. Этот способ позволяет уникализировать картинку в 90 случаях из 100. Нужен опять же Photoshop, загружаем картинку в программу.

Редактирование – Трансформирование – Отразить по горизонтали.

Как я уже говорил, картинка в 90% случаев будет уникальной.

О том, как проверить картинку на уникальность, чуть позже.

ВАЖНО! Помните, если на картинке есть текст, то он тоже отразится и будет не читаемый.

Третий способ. Этот способ ПОЧТИ на 100% делает картинку уникальной – это ИСКАЖЕНИЕ картинки, в Photoshop. Но у этого способа большой минус, картинка в искаженном виде смотрится не очень привлекательно, но иногда это выглядит оригинально. При искажении картинки нужно иметь чувство меры.

Опять загружаем картинку в программу. Редактирование – Трансформирование – Искажение.

По углам картинки появляются маркеры, тянете за любой из них и искажаете как вам нужно

Вот, что получилось.

Такая картинка ПОЧТИ ВСЕГДА будет уникальной. Если картинка не проходит проверку на уникальность, то это значит, что вы ее мало исказили, или просто возьмите другую картинку. Поэтому я и написал, «ПОЧТИ ВСЕГДА».

А можете использовать второй и третий способы вместе, но не перестарайтесь, смотрите чтобы картинка «смотрелась» на вашем блоге.

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

ВАЖНО! Если вы решите в Photoshop «отрезать голову» и переставить ее на другое «тело», то от этого картинка не станет уникальной.

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

Четвертый способ. Многие советуют брать картинки на фотостоках. Если покупать, то да, картинка будет уникальной. Но как я понимаю, нас интересуют бесплатные картинки.

Что такое фотосток?

Стоки (фотобанки, фотостоки) — это сайты по продаже фотографий. Фотографии предоставляются независимыми фотографами со всего мира. Сайт продает их своим клиентам (дизайнерам) и платит комиссионные фотографам.
Ответы@Mail.Ru

Имеются как платные, так и бесплатные фотобанки, где можно брать бесплатно, а есть платные, где можно покупать фотографии, рисунки.

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

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

Таких сервисов огромное количество, как русских так не русских. На не русских стоках, фотографий гораздо больше. Вы без труда найдете их в интернете. «Вбейте» в поиске «фотосток» или «фотобанк» и получите огромное количество этих фотостоков.

Какие картинки мне нравится.

Мне нравятся векторные картинки, именно картинки, а не фотографии. Картинки, нарисованные карандашом или картинки как в мультфильмах.

Они красочные, яркие привлекают внимание. Даже черно-белые картинки смотрятся очень хорошо.

Конечно картинка не обязательно должна быть векторной, но она должна быть качественной.

Что такое векторные и растровые картинки, вы найдите сами, это не относится к теме статьи.

И еще, когда я ищу картинку, то в поиске я пишу, тему, по которой ищу картинку и после, слово — «клипарт». Примерно так: «Бизнес клипарт».

Коротко, что такое клипарт?

Клипарт – это сборник различных высококачественных фотографий или изображений.

Вот, что по этому поводу пишет Википедия:

Клип-арт (от англ. ClipArt) — набор графических элементов дизайна для составления целостного графического дизайна. Клип-артом могут быть как отдельные объекты, так и изображения (фотографии) целиком. Клип-арт может быть представлен в любом графическом формате. Для работы в векторном графическом редакторе — векторные, и растровые — для работы в растровом. С помощью клип-артов можно создавать обои для рабочего стола, сайты. Их также используют при оформлении рекламных афиш и т. п. Коллекция клип-артов — это необходимый инструмент в работе любых веб-мастеров.

Примеры картинок, которые мне нравятся.

Они не уникальны, но с ними можно поработать и сделать уникальными. Пробуйте способы, которые я вам предложил, придумывайте, что-то свое, экспериментируйте.

Ведь не у всех есть деньги, чтобы делать картинки на заказ

Проверка картинки на уникальность

Для проверки картинок на уникальность существует множество сервисов, но я остановлюсь на том, которым пользуюсь сам. Сервис называется TinEye

У этого сервиса есть и другие какие-то функции, но нас интересует только одна, проверка картинок на уникальность. Для работы с этим сервисом надо зарегистрироваться. В верхней панели нажимаем Register и проходим простую регистрацию.

Затем входим на сервер, для этого нажимаем Lingin, потом самый верхний пункт TinEye.comВводим свои данные, которые вводили при регистрации и попадаем на сервер, где будем работать.

Выглядит она вот так.

Чтобы загрузить картинку с компьютера для проверки, нажимаем кнопку «1» или вводим URL картинки в строку «2», немножко ждем и видим результат проверки на уникальность.

Найдено 2 объекта, значит картинка не уникальна. Необходимо добиться того, чтобы было «0». Вот такой простой сервис, советую.

Загружаем картинки на свой блог. Сжатие картинки

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

У меня были случаи, когда картинка сжималась на 70% — 80%, а вы представляете, если у вас несколько сотен не сжатых картинок. Сколько места они занимают на хостинге и сколько времени они грузятся (блог загружается долго).

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

И так, заходим по адресу https://tinypng.com/, регистрироваться здесь не нужно. И видим вот такую панель:

Нужно нажать на кнопку «1» и загрузить картинку или несколько картинок для сжатия. Для примера я загрузил 5 картинок. Вот, результат:

Под цифрой 1 – на сколько процентов сжата картинка и напротив каждой картинки кнопка для скачивания на компьютер.

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

Теперь ваши картинки уникальны и сжаты, их можно загружать на свой хостинг (на свой блог).

ВАЖНО! Не игнорируйте эти два пункта: уникализация и сжатие.

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

Еще нужно будет избавится от дубликатов картинок, но об этом в следующий раз.

Как размещать картинки в блоге

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

Итак, рассмотрим два основных хостинга, на которые можно заливать фото.

Перед тем как поместить какую-либо картинку в блог, необходимо её сначала сохранить к себе на компьютер.

После этого, заходите на http://www.radikal.ru/ и, не убирая галочек с пунктов Уменьшить до 640 пикселей и Оптимизировать размер, нажимаете на кнопку Обзор.

После этого необходимо указать путь к нужной картинке на своем компьютере.

Далее следует нажать кнопку Загрузить.

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

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

В поле URL нужно вставить ту самую скопированную ссылку. Параметры Ширина и Высота устанавливаете на свой вкус. Следует помнить, что максимальная, но в то же время рекомендуемая ширина фотографии в блоге — 600 пикселей. Если вы видите, что изображение стало расплывчатым, то нужно уменьшить ширину.

Второй хостинг, который мы рассмотрим — это http://fotki.yandex.ru/

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

После того как вы вошли на Яндекс.Фотки, нужно нажать кнопку Загрузить фотки.

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

После обработки появится меню, в котором нужно нажать Перейдите к просмотру альбомов.

Появится альбом со всеми вашими фотографиями, в котором нажимаете на ту, которую загрузили.

Далее нажмите на выпадающий список В другом размере. Появятся варианты размеров фото, среди которых вы производите выбор по собственному вкусу.

Затем жмете правой кнопкой мышки по фотографии и выбираете строку Открыть изображение.

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

После этого проделываете уже описанные выше действия. А именно:

Идете к себе в блог. В редакторе новой записи из панели инструментов выбираете инструмент Вставить/редактировать изображение с рисунком горы на иконке.

В поле URL вставляете скопированную ссылку. Параметры Ширина и Высота устанавливаете на свой вкус.

Оформляем блог (ссылки, картинки — без кода)

Оглавлениие:

I. Как вставить ссылку в блог?

1. Скопируйте нужную ссылку.

2. В панели инструментов выберите команду «Вставить/редактировать ссылку»

3. В появившемся окне «Ссылка» вставьте нужную ссылку и введите текст.

Текст можно не вводить специально, а выделить слово (несколько слов) в уже набранном в блоге, а после нажать на вставку ссылки — он автоматически занесется в «Отображаемый текст».

Внимание! При вставке ссылки следите за тем, чтобы вначале ее пропадал «http://» или другой протокол. Если у вас в окне вставки ссылка будет начинаться с протокола — значит, перед первой буквой присутствует пробел. Его надо убрать, чтобы избежать неверной работы ссылки.

Текст с ссылкой будет выделен синим цветом.

Убрать ссылку можно с помощью команды «Убрать ссылку», находящейся рядом с «Вставить/редактировать ссылку».

II. Как вставить картинку в блог?

1. Прежде всего, необходима ссылка на картинку. Например, из ВК (работает даже из скрытого альбома закрытого аккаунта).

— щелкните по фото в альбоме, чтобы оно появилось в отдельном окне

— нажмите правую клавишу мыши

— выберите строчку «Копировать адрес изображения»

* Вы также можете использовать специальные сайты, позволяющие заливать картинки. Например, https://ru.imgbb.com.

После того, как вы загрузите изображение, щелкните по появившейся маленькой картинке предпросмотра — откроется полное изображение — нажмите ПКМ, выберите «Копировать адрес изображения».

Топ-пост этого месяца:  AngularJS. Наследование контроллеров и двухстороннее связывание данных

** Еще один вариант: найти нужное изображение в гугле и скопировать его адрес прямо из выданных поиском миниатюр.

2. В панели инструментов выберите команду «Изображение»

Появится окно «Свойства изображения».

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

Альтернативный текст НЕ БУДЕТ высвечиваться при глюке блогов, когда не видны картинки. Он высветится, если, например, вы копировали ссылку на вашу обложку, а потом эту обложку поменяли.

Граница — обведет ваш рисунок рамкой.

Отступы — расстояние между вашей картинкой и ближайшим текстом/краем листа

Выравнивание: если не выбирать какое-то определенное, то ваша картинка будет все равно выравнена по левому краю — но при этом вы не сможете поместить рядом с ней текст.

Если выбрать «По правому/левому краю», то текст будет находиться рядом с изображением. Используйте «Отступы», чтобы отделить его от края картинки.

«Замочек», если его не трогать (не открывать) позволяет сохранить пропорции изображения при изменении его ширины/высоты.

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

3. Используйте вторую вкладку окна с названием «Ссылка», чтобы определить адрес, по которому можно перейти, щелкнув на картинку. Например, если вы пишете о книге и выкладываете ее обложку, вставьте в этом окне ссылку на само произведение.

1. Выделите текст, который хотите заключить в рамочку.

2. Выберите в стилях «Special Container».

3. Чтобы печатать дальше в обычном режиме, перейдите на следующую строку и повторите п.2 заново. Или просто щелкните курсором по строке ниже.

Пока все, якорь ремонтируют.

IV. Работа с якорем. (не работает пока работа с якорем)

Якорь полезен, когда вам нужно в собственном блоге ссылаться на какой-то текст в нем же.

Вставка якоря похожа на вставку ссылки.

1. Напечатайте текст полность. Выберите то, НА ЧТО должен ссылаться якорь. В данном случае — четвертый пункт в тексте.

2. Выделите этот текст, нажмите команду «Вставить/редактировать якорь»

3. В появившемся окне присвойте якорю имя. Любое, какое вам удобно — оно нигде не отображается.

После нажатия ОК и закрытия окна рядом с выделенным текстом появится значок якоря. Виден он только при редактировании страницы!

4. Теперь надо выделить текст, ОТКУДА будет производится переход к якорю и нажать «Вставить/редактировать ссылку».

В появившемся знакомом окне меняем Тип ссылки на «ссылка на якорь в тексте»

5. После этого окно изменит вид на следующий:

Так как якорю было присвоено имя «4», в выпадающем списке «По имени» выбираем 4 и нажимаем ОК.

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

Подбор и оптимизация изображений для сайта

Каждый день мы видим огромное количество изображений в Интернете: просматривая соцсети, читая статьи, выбирая товары и даже не замечаем, насколько они влияют на наше внимание и выбор.

Какая из этих картинок привлекает больше внимания?

Больше всего лайков собрала статья с первой картинкой.

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

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

Для чего нужны изображения

Давайте сначала определимся, что дают нам изображения:


  1. Помогают продвижению сайта
  2. При первом посещении страниц помогают понять тематику сайта и создать соответствующее настроение.
  3. Привлекают внимание к товарам или услугам, вызывают желание заказать.
  4. Становятся элементами навигации и помогают ориентироваться на сайте.
  5. Располагают к чтению текстов и облегчают их восприятие, так как позволяют разбавить длинные описания.
  6. Повышают доверие к компании и бренду, если речь идет о фотографиях офиса, процесса работы, сотрудников.
  7. Развлекают, особенно, если содержат юмор.

Прежде чем говорить о размещении и оптимизации картинок, разберемся, где и какие картинки нужны.

На каких страницах картинки необходимы

Выделим основные страницы сайта, где добавление изображений поможет вашему бизнесу.

1. Главная страница

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

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

Плохой пример: изображение больше ассоциируется с турагентством или блогом о путешествиях, но не с ремонтом квартир:

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

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

Каждый слайд должен кратко отражать суть предложения и вести на соответствующую страницу.

Пример, когда владелец сайта явно переборщил с креативом и только запутал пользователя.

Хороший пример: простой и понятный слайд на сайте Зоомагазина

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

Картинки должны быть небольшого размера и полностью кликабельными.

Пример использования изображений для категорий товаров:

Пример хорошо подобранных изображений для списка услуг:

В основном тексте на Главной лучше использовать иконки для выделения преимуществ компании.

Текст не должен быть длинным (рекомендуемый объём 1500-2000 символов), поэтому нет смысла «разделять» его изображениями.

Иконки следует выбирать в едином стиле и одного размера, тогда информация будет выглядеть аккуратно:

2. Страница о компании

Страница является продолжением Главной и закрепляет впечатление о компании.

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

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

Пример фотографии процесса работы:

Также хорошо повышают доверие фотографии сотрудников, которые можно дополнить контактами отделов.

Если компания большая, то покажите хотя бы основные лица компании:

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

3. Страницы товаров

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

Покажите товар с разных ракурсов (не более 10 штук, не менее трех), чтобы пользователи смогли рассмотреть его с разных сторон. Так клиент быстрее примет решение о заказе.

Для таких изображений необходимо добавить возможность их увеличения.

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

И хороший пример того, как подробно показать товар

4. Портфолио

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

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

Хороший вариант деления работ: можно отфильтровать проекты по виду дизайна:

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

Пример, как делать не нужно:

5. Блог

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

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

Чтобы списки статей выглядели аккуратно, размещайте картинки одинакового размера для каждого материала.

Пример непривлекательного раздела статей:

С изображениями анонсы выглядят ярче:

В тексте статьи лучше разместить изображение, как минимум каждые 2 экрана текста, чтобы визуально разгрузить текст.

Фрагмент статьи с правильным использованием изображений:

Какими должны быть изображения

Правила общие для всех страниц, некоторые из них уже указаны выше, а также в статье «Добавляем картинки и видео на сайт: на что обратить внимание?» – прочитайте обязательно, но повторим их для закрепления информации.

  1. Соответствовать тематике и аудитории сайта, а также тексту рядом. Не путайте пользователей.
  2. Быть качественными. Фотографии с потерей резкости, мутные и содержащие «шум» только испортят впечатление о сайте и помешают клиенту выбрать товар.
  3. Быть реальными. Изображения из фотобанков кочуют с сайта на сайт, и пользователи уже легко узнают их и не верят им. Для статьи в блоге, конечно же, можно взять шаблонную картинку, но ни в коем случае не добавляйте ее на страницу о компании или в портфолио, и уж тем более для карточки товара.
  4. Быть без водяных знаков. Они не спасают от копирования и только портят изображения. Как уберечь фото и видео от копирования, читайте здесь.
  5. Быть в едином стиле. Понимаем, что для всего сайта сложно выполнить данное условие, но хотя бы для одной страницы они должны быть похожими: одинаковой ширины и выровнены по одной линии.
  6. Иметь небольшой вес, то есть быть размером не более 80-100 килобайт, чтобы не увеличивать время загрузки сайта. Исключение составляют увеличенные версии изображения, которые могут быть тяжелее.
  7. Быть в формате GIF, PNG или JPEG. Не рекомендуем использовать форматы BMP и TIFF, чтобы не было проблем с корректной загрузкой контента.

В дополнение к правилам рекомендуем посмотреть статью «На что люди обращают внимание при просмотре сайта».

Где брать изображения для сайта?

Итак, мы поняли, какие именно изображения нам нужны и как их правильно размещать на сайте, теперь рассмотрим источники их получения.

1. Услуги фотографа

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

2. Фото производителей

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

3. Фотостоки и фотобанки

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

Оптимизация изображений

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

Название изображений

Чтобы избежать проблем с отображением картинок на сайте, рекомендуем указывать название файлов только на латинице. Если есть сложности в транслитерации кириллицы, то поможет данный сервис.

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

Примеры плохих названий:

  • Kniga065745932.png — непонятные цифры
  • IMG85416.jpg — неинформативный вариант
  • kupit-sumka-nedorogo-gucci.jpg — спам

Хорошие варианты:

Атрибут alt

При размещении изображений в коде каждой картинки указывайте атрибут alt тега , в нем кратко описывайте, что изображено на картинке. Текст должен быть уникальным и содержать ключевые слова.

Атрибут alt нужен поисковым системам и пользователям, у которых по каким-либо причинам не отобразилось картинка (на ее месте будет отображаться указанный текст).

Поэтому пишите в alt текст для людей, не стоит перечислять ключевые слова через запятую. В тексте можно использовать как кириллицу, так и латиницу.

Неудачные примеры alt:

  • alt=»туфли pollini белые, черные, красные, фото, цена, отзывы» — снова спам
  • alt=»блузка» — мало информации
  • alt=»78823094093″ — неинформативный вариант

Правильное заполнение alt:

Индексация

После размещения изображений обязательно проверьте в robots.txt, доступны ли к индексации страницы, на которых вы разместили картинки. Сами изображения тоже не должны быть закрыты от индексации. Подробнее о настройке robots.txt

Заключение

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

Топ-пост этого месяца:  В Google не знают точной даты запуска нового индекса

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Специалист по юзабилити сервиса 1PS

Понравилась статья?

Спасибо, мы старались!

Кстати, вы подписаны на нашу рассылку? Если нет, то самое время познакомиться с Катей.

Сожалеем, что не оправдали ваши ожидания ((
Возможно, вам понравятся другие статьи блога.

Пошаговое руководство по самостоятельному продвижению сайта

Изображения в блоге

Леночка, какая ты умница! Хоть бы немного догнать тебя! Восхищаюсь!

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

Спасибо Леночка всё здорово , я обезательно вернусь к твоему блогу, Здесь многому можно научиться. Ты просто УМНИЦА!

Валентина, спасибо! Буду рада, если информация пригодится!

Очень ценная информация. Теперь буду ЖИТЬ здесь!

Галинка, пользуйся, ищи для себя нужное, с удовольствием добавлю еще новенького. )))

Лена, у тебя самый лучший блог! Спасибо тебе!

Леночка благодарю за все полезности! Блог Супер Лучший из Лучших!

Спасибо за информацию. Очень красивый блог.

Спасибо за отзывы, девочки! Не успеваю вот только дополнять новеньким и обновлять.

Ух ты. Сколько всего интересаного. Прям целый клондайк! Я в восхищении.
Спасибо, Елена, за такую чудесную подборку.

Я, наверное, тут пропишусь )))

Спасибо за все полезности!Очень красивый блог!Очень много интересного и полезного!

Большое спасибо, Елена, за такие «полезности»! Я у Вас тут все «прошерстила»,сделала себе на комп. закладки! Теперь я, с Вашей помощью, «вооружена»! Ну просто красота!

Светлана, заглядывайте, буду обновлять и дополнять. 🙂

И снова ОГРОМНОЕ Вам СПАСИБО! Ну если бы не Вы, не школа «ПРО100» и «сидеть» бы мне в этой Киностудии.

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

Елена, это что-то потрясающее — Ваш блог! Столько всяких полезностей, просто глаза разбегаются от радости! Спасибо. Прямо сейчас и начну украшать свой блог с помощью Ваших интересностей!

Леночка, у тебя Супер Блог. Очень часто к нему обращаюсь — столько нужной информации. Оказывает большую помощь при создании сайтов, роликов! Огромнейшее Спасибо за такую подборку! Супер.
С уважением и огромнейшей благодарностью, Алла.

Спасибо и тебе за отзывы, Аллочка!

Огромное спасибо,за такую ценную информацию,особенно для новичков,которые не знают с чего начинать!

Спасибо большое всё то что нужно !!

Спасибо, я всегда в поиске что-то нового! И у вас нашла.

Так много всего интересного,благодарю!

Леночка, СПАСИБО за такой замечательный МАТЕРЬЯЛ, про100 — КЛАДЕЗЬ .

Спасибо большое за такую интересную подборку.Буду к Вам почаще заходить.У Вас столько всего интересного

Великолепный блог!Очень красивый блог!Очень много интересного и полезного! Спасибо за щедрость Елена!

ОЙ. как это я к Вам забрела. Как у Вас интересно. Еленочка, спасибо Вам! Я Вас «ЗАЛОЖИЛА» в закладки. Так что я ещё к Вам загляну. Спасибо!

Ну раз «Заложили» меня, Ирина, то заглядывайте почаще. 🙂

Конешшшно . заглядываю. ХАХАХА!Спасибо!

Как много здесь интересного и полезного,за один день и не пересмотришь.Надо будет почаще сюда заглядывать.Спасибо Вам Елена.

Елена,Здравствуйте..Сегодня заглянула к Вам в блог и была приятно потрясена..Увидела ссылку на мой дневник))) Как же мне приятно стало.
Рамочки делаю с удвольствием.. И очень рада, что их заметили.. Огромное спасибо Вам.. от всего сердца желаю процветанию Вашему блогу и новых творческих идей.. В Новом году желаю Вам и всем Вашим подписчикам здоровья, только позитива и успехов в учении)))

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

Где брать уникальные картинки для статей на блоге

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

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

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

К слову, картинка скаченная с другого сайта или из поисковика Google или Yandex на 99,9% является чьей-то собственностью

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

В этой статье мы подробно рассмотрим вопросы:

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

Где брать картинки для статей

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


Картинки из каталогов Google и Yandex

Этот вариант я даже не буду рассматривать как возможный.

Что такое каталоги изображений Google и Yandex? По сути это сборник/галерея изображений с других сайтов. Т.е. скачивая изображение с каталога Google или Yandex Вы берете чужую картинку. Это все равно что прийти на бесплатную выставку и уходя захватить понравившуюся картину с собой :).

И не важно как она попала на тот или иной сайт. Была ли она куплена, или также бесплатно скачена с другого сайта. Важно, чтобы на Вашем блоге таких картинок не было!

Но где же тогда брать картинки для статей?

Бесплатные фотостоки

В интернет есть множество бесплатных каталогов картинок. Здесь я приведу небольшой список. Вы можете пополнить его набрав в поиске Free Images Stock, или по-русски: «бесплатные картинки», «Бесплатный каталог изображений» и т.д.

Openphoto — Большой выбор, поиск по рубрикам и ключевым словам
Stockvault — хорошего качества фото, а также можно найти шаблоны логотипов, изображений, текстур и фонов. Подходит для статей, поскольку бесплатно графика с этого ресурса для личного, некоммерческого использования.
Freemediagoo — Маленькая коллекция, не все фото хорошего качества, но можно что-то подобрать. Фото можно использовать для коммерческих целей.
Morguefile — Много качественных, хороших фото
Pixelperfectdigital — Хороший ресурс с большим количеством бесплатных качественных фото.
Freephotosbank — Большой выбор, хорошо организовано по рубрикам.

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

Платные фотостоки

Раз есть бесплатные ресурсы с изображениями, по логике должны быть и платные. Так и есть.

Их тоже очень много. Профессиональные фотографы, графические дизайнеры, выставляют свои работы на таких стоках/каталогах. Приведу примеры только 2-х, которыми сама пользуюсь.

DreamsTime — нужна регистрация, есть коллекция бесплатных фото, цена от 20 центов, на русском
DepositPhotos — огромная коллекция, нужна регистрация, цена от 15 центов, на русском

Фотобанк Фотодженика — ошеломляюще огромный русский фотобанк с хорошими ценами. Можно платить эл. валютами, карточками, а также по безналу (выставляются все бух. документы). Русскоязычная тех. поддержка поможет Вам найти нужное фото.

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

И есть еще 4-я причина. Я считаю, что любой труд, творчество должно быть оплачено. Это мое глубокое убеждение. Есть пословица — «относись к людям так, как хочешь чтобы к тебе относились».

Свои собственные изображения

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

И еще есть один замечательный вариант создать картинку самостоятельно, это воспользоваться специальным онлайн сервисом- Canva.

С помощью этого сервиса можно создавать картинки для Twiter, Facebook, Блога итд. Замечательный, простой, понятный сервис с большим выбором заготовок.

Поиск дубликатов изображений

Как узнать сколько сайтов используют одну и туже картинку на своих блогах?

Даже если Вы купили картинку, не мешало бы ее проверить на количество дубликатов. Для этого есть специальный сервис — TinEye.

Загружаете картинку или вставляете ссылку на изображение и внизу появится результат с количеством страниц в интернет которые используют такое же изображение.

На скриншоте видно, что купленное изображение на стоке уже используют на 76 сайтах.

Купленное изображение на стоке.

Если дубликатов слишком много, с этим нужно что-то делать.

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

Как сделать изображение уникальным

Здесь можно применить одну хитрость. Откройте изображение в фотошоп. Далее выберите в меню Image (Изображение) = Rotate Canvas (Повернуть холст) = Flip Canvas Horizontal ( отразить холст по горизонтали ). Этот трюк создает зеркальное отражение.

После этого сохраните изображение и проверьте еще раз в сервисе TinEye.

Как видите тоже самое изображение, а количество страниц 0. Не всегда удается снизить до 0, но добиться значительного сокращения можно.

Купленное перевернутое (отзеркаленое) изображение

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

Блоги Blogger и интернет.

Блог о блогах на движке Blogger. (раньше назывался «Anti-SEO»).

воскресенье, 14 марта 2010 г.

Размещение фотографий в блогах Blogger, или как сделать красивый фотоблог.

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

Главным неудобством является то, что стандартные размеры фото не всем подходят.
А размеры эти следующие. Фотографию уменьшают по большей стороне (меньшая сторона в этом случае уменьшается автоматически, пропорционально первой).
Размеры большей стороны в автоматическом редакторе фото выходят такие:

  • «маленький» — 200 px
  • «средний» — 320 px
  • «крупный» — 400 px
  • «очень крупный» — 640 px

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

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

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

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

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

Если вы пользуетесь старыми (уже два дня как старыми =)) шаблонами — то надо зайти в «Дизайн / изменить html», и посмотреть там в разделе #main-wrapper строку, выделенную ниже жирным:

Значит, ширина вашей основной колонки блога — 680 пикселей. Она может быть и другой.
Всё, вы узнали ширину основной колонки.

Если же вы пользуетесь новыми шаблонами — то можете даже не лезть в код и посмотреть ширину основной колонки в «Дизайн / Дизайнер шаблонов / Дизайн / Изменение ширины» и вычесть из общей ширины блога ширину боковых колонок.
Предположим, что общая ширина вашего блога — 900 пикселей, а боковые колонки — 290 пикселей.
900 — 290 = 610.
Казалось, бы, это значит, что длина основной колонки блога — 610 пикселей.

Топ-пост этого месяца:  Каталог товаров. Удаление товара

Но дело в том (и это важно как для старых,так и новых шаблонов), что между основной колонкой и боковой существует промежуток, отделяющий одно от другого. Он также обычно занимает некоторое количество пикселей. Оно может быть разным — обычно где-то 25. Да ещё не забывайте про то, что изображения в блоггере довольно часто автоматически окружаются рамочкой.
Таким образом, надо вычесть ещё количество пикселей от промежутка между колонками и пикселей десять на рамочку.

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

Изображения в блоге

Леночка, какая ты умница! Хоть бы немного догнать тебя! Восхищаюсь!

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

Спасибо Леночка всё здорово , я обезательно вернусь к твоему блогу, Здесь многому можно научиться. Ты просто УМНИЦА!

Валентина, спасибо! Буду рада, если информация пригодится!

Очень ценная информация. Теперь буду ЖИТЬ здесь!

Галинка, пользуйся, ищи для себя нужное, с удовольствием добавлю еще новенького. )))

Лена, у тебя самый лучший блог! Спасибо тебе!

Леночка благодарю за все полезности! Блог Супер Лучший из Лучших!

Спасибо за информацию. Очень красивый блог.

Спасибо за отзывы, девочки! Не успеваю вот только дополнять новеньким и обновлять.

Ух ты. Сколько всего интересаного. Прям целый клондайк! Я в восхищении.
Спасибо, Елена, за такую чудесную подборку.

Я, наверное, тут пропишусь )))

Спасибо за все полезности!Очень красивый блог!Очень много интересного и полезного!

Большое спасибо, Елена, за такие «полезности»! Я у Вас тут все «прошерстила»,сделала себе на комп. закладки! Теперь я, с Вашей помощью, «вооружена»! Ну просто красота!

Светлана, заглядывайте, буду обновлять и дополнять. 🙂

И снова ОГРОМНОЕ Вам СПАСИБО! Ну если бы не Вы, не школа «ПРО100» и «сидеть» бы мне в этой Киностудии.

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

Елена, это что-то потрясающее — Ваш блог! Столько всяких полезностей, просто глаза разбегаются от радости! Спасибо. Прямо сейчас и начну украшать свой блог с помощью Ваших интересностей!

Леночка, у тебя Супер Блог. Очень часто к нему обращаюсь — столько нужной информации. Оказывает большую помощь при создании сайтов, роликов! Огромнейшее Спасибо за такую подборку! Супер.
С уважением и огромнейшей благодарностью, Алла.

Спасибо и тебе за отзывы, Аллочка!

Огромное спасибо,за такую ценную информацию,особенно для новичков,которые не знают с чего начинать!

Спасибо большое всё то что нужно !!

Спасибо, я всегда в поиске что-то нового! И у вас нашла.

Так много всего интересного,благодарю!

Леночка, СПАСИБО за такой замечательный МАТЕРЬЯЛ, про100 — КЛАДЕЗЬ .

Спасибо большое за такую интересную подборку.Буду к Вам почаще заходить.У Вас столько всего интересного

Великолепный блог!Очень красивый блог!Очень много интересного и полезного! Спасибо за щедрость Елена!

ОЙ. как это я к Вам забрела. Как у Вас интересно. Еленочка, спасибо Вам! Я Вас «ЗАЛОЖИЛА» в закладки. Так что я ещё к Вам загляну. Спасибо!

Ну раз «Заложили» меня, Ирина, то заглядывайте почаще. 🙂

Конешшшно . заглядываю. ХАХАХА!Спасибо!

Как много здесь интересного и полезного,за один день и не пересмотришь.Надо будет почаще сюда заглядывать.Спасибо Вам Елена.

Елена,Здравствуйте..Сегодня заглянула к Вам в блог и была приятно потрясена..Увидела ссылку на мой дневник))) Как же мне приятно стало.
Рамочки делаю с удвольствием.. И очень рада, что их заметили.. Огромное спасибо Вам.. от всего сердца желаю процветанию Вашему блогу и новых творческих идей.. В Новом году желаю Вам и всем Вашим подписчикам здоровья, только позитива и успехов в учении)))

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

Потрясающие фотоблоги

Фотоблог — очень специфический вид блогов, он фокусирует все внимание на фотографии, после которой может быть всего несколько слов в качестве заголовка и комментария автора. Существуют специальные хостинги для фотоблогов, они легки в настройке и управлении, при этом позволяют создавать прекрасные галереи для фотографов, которых отталкивает сложность языка HTML или установки CMS по типу WordPress.

Из-за своей простоты, не говоря уже о разработке бесплатных, но весьма продвинутых инструментов таких, как Pixelpost, фотоблогинг обрел невероятную популярность в последние годы. На сайте Photoblogs.org, например, зарегистрировано около 32 тысячи фотоблогов! Там содержится чертовски много красивых и оригинальных фотографий, достойных вашего внимания.

Журнал smashingmagazine подобрал 50 классных фотоблогов для просмотра. Там можно найти все — фотожурнализм, природу, пейзажи, улицы, портреты, фотографии путешественников и т.п.

Изначально я хотел опубликовать лишь некоторых из ресурсов, так сказать, лучшие, но, углубившись в их изучения, я понял, что 99% из них пропустить невозможно. Поэтому решил размещать «небольшими порциями» в качестве источника вдохновения. Все фотографии воспринять за один раз просто нереально — это как глянуть 5 фильмов за день, к последнему ощущения притупляются. И даже стоящий экземпляр вызывает не так много эмоций. Если вам не терпится самим посмотреть все 50 источников — ссылка чуть выше.

Проект от Boston Globe — новости в фотографиях. Живые люди, нереальные и удивительные кадры, эмоции, ужас, страх и красота соединили воедино в работах фотографов.

Праздник фонарей в Китае

Как все мило и красиво начиналось, но трагически закончилось.

Инаугурация Обамы

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

Парусный спорт, во всем мире

Беспорядки в Греции

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

И многое-многое другое. Там фотоархив с мая прошлого года, фото можно смотреть не один час. Потрясающе! Советую обратить внимание на подборку « 2008 год в фотографиях ».

Как создать изображения для вашего блога WordPress без навыков дизайна

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

1. Canva

Canva — лучший выбор в этом списке, потому что этот ресурс позволяет чувствовать себя профессиональным дизайнером. У него огромное количество невероятных дизайнов, и многие из них бесплатные. Даже если вы не можете найти что-то в бесплатном разделе, инструмент имеет тысячи дополнительных компонентов, и каждый из них стоит всего $ 1.

Самая интересная часть Canva — стартовый процесс. Вы просто выбираете, какой тип изображения создаете — например, пост в Facebook, пост в блоге или другое — и Canva автоматически генерирует правильный размер вместе с некоторыми предложениями, соответствующими выбранной категории.

2. GIMP

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

GIMP похож на WordPress и поэтому все время, вложенное в инструмент, не будут потрачено впустую.

3. PicMonkey

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

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

4. Pixelmator

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

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

5. Pixlr Editor

Рекомендуем Pixlr Editor, если вам нужен бесплатный онлайн-инструмент, работающий почти так же, как Photoshop. У Pixlr есть еще два других продукта: Pixlr-o-matic и Pixlr Express. Выберите из этого списка в зависимости от того, что вы планируете делать.

Если вам нужна большая мощность, выберите Pixlr Editor, но вам может потребоваться некоторое время, чтобы научиться пользоваться этим инструментом. Если вы просто хотите загрузить свои фотографии и включить несколько фильтров и границ, используйте Pixlr-o-matic. Наконец, попробуйте Pixlr Express, если вы хотите слегка изменить свои фотографии. Express немного более продвинутый, чем вариант Pixlr-o-matic.

6. BeFunky

BeFunky — бесплатный фоторедактор, создатель коллажей и инструмент общего дизайна. Вы можете обновить его до платной версии, если хотите использовать премиум-эффекты. Хотя основная бесплатная версия по-прежнему выполняет свою работу, если нужно сделать несколько быстрых изменений в своих фотографиях.

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

7. Adobe Photoshop Elements

Adobe Photoshop Elements — это ответ Adobe на то, что люди демонстрируют свою склонность к более простым инструментам редактирования фотографий. Photoshop — замечательный инструмент, но на самом деле это слишком много. Никто никогда не использует все, что они там упаковывают.

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

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

8. PicCollage

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

9. Fotor

Fotor — это онлайн-инструмент для редактирования фотографий с множеством простых опций. Он позволяет быстро создавать изображения для блога или социальных сетей. Есть множество вариантов освещения, цвета, размера, фотоэффектов, ретуши и многого другого. Хотите получить быстрый старт? Есть множество бесплатных шаблонов. Плюс сотни шрифтов, забавных наклеек, изображений и онлайн-руководство, которое поможет вам профессионально редактировать изображения.

Обновление до Pro даст вам доступ к эксклюзивным инструментам редактирования и расширенным функциям.

10. PowerPoint

Почему-то люди всегда забывают о PowerPoint, когда дело доходит до редактирования и разработки изображений для веб-сайтов. PowerPoint — отличный способ создавать изображения. Это редактор drag and drop, и большинство людей учатся использовать это программное обеспечение в школе.

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

Бонус: SumoPaint

SumoPaint — это бесплатная онлайн-версия инструмента для рисования. Хотя это на самом деле не редактор фотографий, но вы можете создавать свои собственные изображения.

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

Насколько полезным был этот пост?

Нажмите на звезду, чтобы оценить этот пост!

Средний рейтинг: 5 / 5. Количество голосов: 2

Добавить комментарий