Как выбирать изображения для блога? Исчерпывающее руководство
Изображения для блога – это кислород. Без него буквы и смыслы редко живут долго. Если иллюстраций, фото, инфографики, скриншотов нет, пользователь быстро пролистывает страницу блога и покидает её через 40 секунд (максимум полторы минуты). Обещаем, эти цифры вы увидите в аналитике вашего блога, если изображений в заметке не будет.
Убедиться в необходимости изображений для блога можете из инфографики ниже.
Выбора нет – вашему блогу нужны изображения. В этой статье мы расскажем: какие фото и иллюстрации можно использовать в блоге, где искать изображения для блога, в чём обрабатывать изображения, какие виды инфографики можно использовать для блога и чем её делать, как добавлять и распределять изображения в блоге.
Содержание
Какие изображения можно использовать в блоге?
Определитесь с характером вашего блога, стилями фото и гармоничностью сочетания изображений с вашим брендингом. С этим ощущением переходите к формированию мудборда (доски настроения) с примерами изображений для вашего блога. Найти референсы (примеры) сможете на Pinterest или Behance.
Есть несколько основных вариантов использования иллюстраций и фотографий в вашем блоге.
Бесплатные стоковые фотографии. В сервисах подбора фотографий не только люди с искусственной улыбкой боли и поднятым большим пальцем. В бесплатных фотостоках есть художественные фото от энтузиастов и качественные тематические фото. Чтобы найти нужное фото, перебирайте фразы поисковых запросов и просматривайте рекомендуемые к фото галереи.
Скриншоты и интерфейсы. Отлично подойдут для обзорных статей на техническую или профессиональную тематику. Например, у вас есть бизнес по автоматизации процессов на предприятии. Вы пишите статью о CRM-системах. Обязательно приложите скриншот открытого окна программ или страниц в браузере. Ваша статья станет ещё полезней.
Текст плюс фото.Вы можете комбинировать фотографии и текст на них. Так, у вас получатся изображения с фактами, цитатами, мемами или призывами к действию. Главное – используйте при оформлении в редакторе шрифты и цвета близкие к цветам и шрифтам в вашем блоге.
Коллажи. Если у вас есть желание повозиться с графическими онлайн-редакторами и есть на это время, создавайте коллажи. Для этого подбирайте изображения на прозрачном фоне в формате .png. Добавляйте их в редактор. Сопровождайте базовыми фигурами, текстом, стикерами. Собирайте всё в единую композицию. Коллаж готов!
Фотографии, обработанные художественными фильтрами. Если формат блога позволяет использовать такие фото, вы сэкономите время и избавитесь от проблем с авторскими правами. Изображения, обработанные приложениями по типу Prisma, копирайт не защищает. Берите любые фото и делайте их частью своего блога.
Ваши фотографии. Они обязательны, если в блоге вы показываете результаты своих работ или проекты. Но обязательно делайте их качественными. Для этого нанимайте фотографов на проектной основе (чем больший объем работ за раз – тем дешевле) или готовьте контент сразу для нескольких платформ (например, ваш smm-менеджер может делать сеты одновременно и для соцсетей, и для блога).
Иллюстрации. Блог вы можете наполнить и иллюстрациями. Обратите внимание, что иллюстрации можно загрузить в векторном формате. Не все блоги или онлайн-редакторы изображений их поддерживают. Скачивайте иллюстрации в растровом формате (расширения: *.png *.jpg *.webp).
Художественно все иллюстрации в вашем блоге должны быть близки. Сохраняйте сеты иллюстраций в закладки на фотостоках. Постоянство – мать творчества.
На каких бесплатных фотостоках скачивать изображения для блога?
Во всех фотостоках из этой подборки вы можете скачивать изображения бесплатно. Вам не нужно упоминать автора изображений или фотосток. Фото в них по-настоящему качественные и по запросу вы найдете тематические сеты (наборы) фотографий или иллюстраций.
Unsplash – это миллион бесплатных и высококачественных изображений для блога. Контент постоянно обновляется, лучшие сеты вы найдёте на главной. При поиске можно применять фильтры категорий, включая моду, здоровье, природу, людей и другое.
C Pexels вы выберите свои иллюстрации и фото из сотен тысяч качественных стоковых изображений. Все фотографии отобраны вручную из контента, загруженного пользователями или взятого с бесплатных сайтов с изображениями.
На этом стоке вы найдете два с половиной миллиона изображений. Pixabay предлагает коллекцию фотографий по многим темам, включая животных, ландшафты, бизнес и другое. Контент модерирует сообщество.
Чем обрабатывать изображения для блога?
Даже не устанавливая Photoshop или Lightroom для обработки фотографий или не используя Figma для коллажей или комбинации из фото и текста, вы можете наполнить свой блог качественными изображениями.
Для этого используйте графические онлайн-редакторы. Ими можно пользоваться бесплатно, но доступ ко всем функциям вы получите на платной подписке.
Canva – это простой и понятный конструктор изображений. Вы получите готовые шаблоны и предустановки макетов для разных платформ: блога, соцсетей, печатной продукции. В Canva вы сможете использовать готовые наборы из шрифтов и цветов оформления.
Сервис для быстрого редактирования фотографий с упрощенным интерфейсом. Создавайте изображения с нуля или выбирайте готовые шаблоны. Есть возможность добавлять эффекты, текст и стикеры с параметрами стиля.
Онлайн-инструмент для редактирования изображений. Pixlr во многом напоминает упрощённую версию Photoshop. Редактор легко использовать, ведь он не перегружен профессиональными функциями.
Как правильно обработать фотографии для блога?
Вам нужно учитывать всего 4 аспекта для создания качественных фото в блоге. Формат и оптимизация отвечают за техническую часть. Композиция и сюжет, цветокоррекция обеспечивают художественность.
Формат
Формат – это соотношение сторон в изображении. Если вы используете мобильное приложение для обработки фото или графический онлайн-редактор, в них вы увидите предустановленные форматы. Выберите несколько вариантов формата изображений и придерживайтесь их во всех ваших статьях.
Композиция и сюжет
Эти два свойства изображений отвечают за визуальную собранность. Все линии и свето-цветовые пятна внутренне соединяются и ведут к композиционному центру. В композиционном центре находится главное, на что должен обратить внимание наблюдатель. Сюжет – это смысловая часть фото. Из сюжета наблюдатель должен понять, что происходит на фото. У события должен быть контекст.
Цветокоррекция
Вы не обязательно должны быть эстетом и чувствовать, как вибрируют цвета. Достаточно придерживаться единой цветовой схемы в статьях блога. Для этого применяйте одинаковые цветовые фильтры при обработке изображений. Но не задирайте ползунок интенсивности фильтра на максимум. Не лишайте фото жизненности.
Оптимизация
Не забудьте уменьшить размер изображений перед добавлением их в блог. Оптимизированные изображения быстрее загружаются, а поисковики рекомендуют страницы с быстрой загрузкой чаще. Для оптимизации изображений используйте сервисы: Kraken.io, TinyPNG.com, Compressor.io, Imagecompressor.com.
Какую инфографику можно добавить в блог?
Инфографика – дело трудозатратное, но благодарное (дальше мы опишем онлайн-сервисы, с которыми даже у непрофессионала получится качественная инфографика).
Добавьте хотя бы одну собственную вами инфографику и посетители блога скажут: “О, эти ребята постарались – у них точно хороший контент! Нужно ещё посмотреть, что у них есть на сайте”.
Хронологическая инфографика. При помощи этого типа инфографики вы объединяете одним таймлайном события. Помимо подписи с датой и содержанием события на каждой точке таймлайна может размещаться сноска с фото или подписью. Например, хронология пригодится в статье про постоянное возвращение одного тренда в одежде.
Сравнительная инфографика. Чаще всего в этом виде инфографики полотно делится на две части. Изображения, текст, диаграммы показывают разницу между событиями, предметами, явлениями. Допустим, вам нужно показать, чем отличается оригинальная продукция от подделок. Легче всего это показать в сравнительной инфографике.
Статистическая инфографика. С помощью диаграмм и таблиц вы продемонстрируете сложные явления наглядными показателями. Вы можете также использовать линейчатые и круговые графики, распределение показателей. Предположим, вы делаете статью о выгодности вложений в криптовалюты. Самый простой способ показать линейный рост количества валют и капитализации рынка.
Процессы и чек-листы в инфографике. Хотите подвести итог и показать читателю, что обязательно сделать для достижения цели? Перечислите ключевые шаги (например, этапы запуска сайта, если статья посвящена веб-разработке) или опишите связующие звенья в процессе развития (например, если заметка в блоге касается психологическим этапам развития ребёнка).
Текстовые пояснения в инфографике. Берёте фото или иллюстрации предмета статьи, дополнительно выделяете области изображения и сопровождаете их сносками. Теперь вам не нужно заставлять пользователя лишний раз фантазировать. Показали – рассказали. Такой тип инфографики подойдёт, например, мебельным салонам, когда они показывают детализировано преимущества товаров.
Заключительные конспекты в инфографике. Вы долго и скрупулёзно рассказывали об аспектах чего-то в статье или сравнивали что-то. Например, вы сделали заметку в блоге о цветовых сочетаниях в одежде. Создайте блоки в вашей инфографике, прикрепите необходимые луки, назовите эти цветовые схемы и подпишите лучшие ситуации для составления гардеробов по указанному цветовому правилу.
Как сделать инфографику для блога?
Онлайн-сервисы для работы над инфографикой работают по тому же принципу, что и графические онлайн-редакторы. Ниже одни из самых удобных редакторов инфографики.
Тут вы найдете большое количество шаблонов инфографики со сложными сюжетами. Обновите иллюстрации и поменяйте цвета – ваша про-инфографика готова. Доступны столбчатые, круговые и линейные диаграммы.
Сервис, в котором вы можете объединить несколько шаблонов инфографики в один. Кроме обширной библиотеки диаграмм, есть быстрое добавление стрелок и других связующих элементов.
Мощный инструмент для детализации данных. В Infogram иллюстраций не так много, как в предыдущих сервисах. Но если вам нужно аккуратно сверстать много данных – выбирайте этот сервис.
Как правильно добавлять изображения в блог?
Распределяйте изображения равномерно в статье вашего блога
Фото, иллюстрация и инфографика не только иллюстрируют мысли или тезисы из вашей статьи. Они ещё и переключают внимание читателя. Безбрежное полотно текста утомляет (даже если оно с маркированными списками или другим форматированием). Поэтому вам нужно удерживать внимание при помощи изображений.
Когда вы создаёте ваши статьи, предусматривайте заранее места для размещения изображений. Изображения можно представить как визуальные пятна в однородном тексте. Посмотрите, как одна и та же статья смотрится с изображениями и без.
Есть два технических правила, которые помогут вам ориентироваться в частоте размещения изображений:
- Ваш читатель не может на 3 экранах подряд обходиться без изображений. То есть у вас открыта статья. Затем вы пролистываете её, и на ней полностью меняется контент. Если после второй прокрутки изображения нет – пора его добавить. Но лучше всего размещать фото или иллюстрации на каждом экране.
- Добавляйте изображения каждые 150-350 слов. Полистайте ваши любимые или популярные блоги. Вы убедитесь, что именно с такой частотой появляются фото или иллюстрации. В 150-350 слов обычно помещается одна тема или микротема из статьи вашего блога.
Выбирайте между форматированием статьи и изображениями
Элементы форматирования статьи и изображения – это 2 секунды борьбы за внимание посетителя блога. Каждый раз, когда пользователь видит заголовок, нумерованный список, фотографию или инфографику, его мозг перезапускается. Две дополнительные секунды он размышляет…
Есть ли что-нибудь интересное в этой статье? Стоит ли читать её дальше?
Поэтому при подготовке статьи для блога рассматривайте, какую информацию и как представлять. На чём-то можно сделать акцент при помощи изображения (например, используя инфографику), а для оформления других смыслов применить форматирование (например, прибегая к спискам или таблицам).
Используйте стандарты баланса изображений и текста
Хотите готовое решение? Блогом из букв также руководят цифры. Придерживайтесь этих формул – и ошибка исключена.
- Каждый пункт вашей статьи – одно изображение. Такое размещение фото и иллюстраций подходит для статей с обзорами товаров и сервисов или перечисления советов и идей. В этом случае вы размещаете заголовок пункта (например, с обзором онлайн-сервиса для редактирования изображений), затем прикладываете скриншот с интерфейсом этого сервиса, далее добавляете текст.
- Кавер и два изображения для небольшой статьи. Короткой заметке в блоге достаточно обложки в начале (кавера) и двух эмоциональных изображений. Найти и добавить качественные стоковые фото быстро. Вы разбавите мысли эмоциями.
- Три иллюстрирующих изображения на одно содержательное. Например, у вас есть студия дизайна интерьеров. Вы пишите статью о главных трендах этого года. Вы можете выбрать три подтемы: мебель, цвета, декор. Для каждого аспекта вы выбираете три иллюстрирующих фото, а в завершение подтемы делайте обзорный коллаж.
Пришло время создавать блог?
Weblium упрощает создание сайта и превращает ведение блога в детскую задачу. Из настроек сайта вам доступен лаконичный редактор с возможностью форматирования текста, добавления изображений и фото. Разместить статьи на сайте вы сможете через инструмент блог-фида. Блог, интернет-магазин, лендинг, многостраничный ресурс? Создавайте с Weblium сайты просто!
