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

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

Хорошая картинка — это важно

Какой смысл вкладывать кучу сил в текст, если никто не оценит? Работать надо одинаково вдумчиво и над содержанием статьи, и над заголовком, и над иллюстрацией. Заглавная картинка — это первое, на что обращают внимание. Она создает впечатление.

Заглавная иллюстрация отличается от иллюстраций в тексте.

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

С заглавной картинкой только один шанс.

Поэтому никогда не берите на главную, что попало!

Как понять, что картинка плохая

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

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

Абстрактные, невовлекающие картинки

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

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

Обе картинки пластмассовые

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

Картинки с фотостоков. Максим Ильяхов в своей статье о плохих иллюстрациях написал, что фотостоки — табу. Но это не так.

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

Особенно когда речь заходит о чем-то абстрактном. Например, рост бизнеса во всех изданиях — это постоянная экспонента, которая уходит куда-то в небеса.

Выдача Гугла по запросу Рост бизнеса

Но не все стоковые фотографии такие плохие. Сравните. Первые страницы картинок Гугла по запросу «скидки» — это какой-то тихий ужас, согласен.

Картинки по запросу "скидки"

А вот на стоке Gratisography в поиске по скидкам и распродажам совершенно чумовая тетка, которая точно выделит вас на фоне остальных.

Класснаая картинка на Gratisography

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

Картинку можно удачно обыграть

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

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

Фейспалм

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

Залипающее в телефоны школьники лучше выключенного ноутбука

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

Аккуратнее с текстом

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

Сравните, как может выглядеть текст на картинке

Пример из блога Serpstat — там еще 9 способов сделать текст на картинке читаемым

Серые, тусклые картинки. По исследованию Xerox яркие цветные картинки привлекают внимание на 80% сильнее. Это надо учитывать, когда стараешься сделать реальную правдивую фотографию, чтобы проиллюстрировать статью.

Пример хорошей заглавной иллюстрации из блога Максима Ильяхова
Пример хорошей заглавной иллюстрации из блога Максима Ильяхова

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

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

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

Картинки с неизвестными людьми выглядят странно

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

Теперь понятно, кто они

Самые плохие картинки — те, на которые у вас нет прав. Часто так и чешется взять скрин из фильма, постер от сериала, стащить красочную фотографию из чьего-то блога. Могут не заметить. А могут заметить. Если заметят, пострадает и репутация, и кошелек. И не думайте, что если какой-то Getty Images за океаном, вам не прилетит иск. Короче, почитайте, как не нарушить закон, когда тянете картинки из интернета.

Какие изображения не подходят:

  1. Картинки, на которых изображены слишком явные ассоциации

  2. Стоковые png-шки с первых страниц поиска

  3. Стоковые иллюстрации с ноутбуками, смартфонами, мобильниками

  4. Изображения с мелким текстом или с текстом, который конфликтует с заголовком

  5. Серые, тусклые фотографии без акцента

  6. Фотографии неизвестных людей без подписи

  7. Изображения, на которые у вас нет прав

Какие картинки считать хорошими

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

Неожиданные ассоциации. Хорошо, если на заглавной картинке изображена не слишком явная ассоциация или неожиданная аналогия. Крутые примеры с ассоциациями можно подсмотреть в блоге Convertmonster.

Удачная неожиданная ассоциация

Если интересные ассоциации не лезут в голову, попробуйте повбивать ключевые слова на сайте Sociation.org.

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

Стикеры оживляют стоковые фото

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

Используйте ассоциации-стереотипы

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

Используйте фильтры

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

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

Старайтесь использовать живые фото

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

Используйте старые фотографии

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

Средневековые фрески

Иллюстрация к статье о правках в нашем блоге

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

Если умеете, используйте угарные картинки

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

Иллюстрации Тинкофф-журнала оформлены в одном стиле

Дизайнер может собирать коллажи и анимации, или иллюстратор нарисует вам целую историю с персонажем. Если будет герой, это придаст иллюстрациям изюминку — они начнут общаться с читателем. Так делает бизнес-журнал Жажда.

Иллюстрации журнала Жажда общаются с читателем

Модуль-банк в своем издании «Дело» раньше вообще рисовал целые истории.

Иллюстрации Модуль-банка — целые истории

Что, если вы — не большая редакция, а просто автор, который пишет статьи на заказ? Как быть тогда? Закажите простенький комикс для своих текстов — выделитесь. Если и дальше все ваши иллюстрации будут похожи, не обязательно гнаться за детализацией и платить по 8-10 тысяч за каждую картинку к статье. Смотрите, как проиллюстрированы тексты в блоге marketoonist.com.

Пост на тему смены приоритетов ранжирования в ФейсбукеПост на тему смены приоритетов ранжирования в Фейсбуке

Простые картинки для своего блога рисует Даниил Шардаков.

Картинки из блога Шардакова

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

Если совсем жалко денег. Можете от руки нацарапать что-то в пейнте или обвести фотографию в фотошопе. Получится тоже не самая плохая иллюстрация.

Если обвести картинку, получится вполне сносно

Можете сделать простенький коллаж, как в блоге Яна Хацкевича.

Сделать такой коллаж несложно

Можете, как Александр Марфицин использовать для иллюстрации смайлики на цветном фоне — один или несколько.

Можно использовать смайлики

Есть вариант, как в блоге Романа Скрупника. Авторские иллюстрации намеренно «съедают» написанный текст. Спорная игра с вниманием читателя. Не уверен — не рискуй.

Прием размещения текста

30 стоков, откуда можно брать иллюстрации

10 признаков хорошей картинки для статьи

  1. Права на картинку позволяют ее использовать, как заглавную к статье.

  2. Вы взяли ее не в поиске Гугла или Яндекса.

  3. Это не первое, что вам пришло в голову.

  4. Вы придумали смешную ассоциацию.

  5. Картинка достаточно яркая, привлекает внимание.

  6. Если она серая и неброская, тогда на ней есть текст или яркая плашка для привлечения внимания.

  7. Если вы нашли иллюстрацию в фотостоке, в ней есть подтекст или вы ее доработали — сделали коллаж, добавили надпись, речевое облако или стикеры.

  8. Текст на картинке не конфликтует с заголовком.

  9. На фотографии нет неизвестных читателю людей, похожих на стоковых персонажей.

  10. Вы заказали или сами нарисовали уникальную картинку.

Если мы забыли какие-то сервисы, стоки или просто написали по вашему мнению ересь, делитесь в комментариях — обсудим.