О важности фотографий на сайте и правилах их загрузки

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

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

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

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

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

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

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

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

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

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

Перед загрузкой в тело сайта, оптимизируйте графику. Чем меньше весит графический элемент, тем быстрее будет загрузка. Есть различные ресурсы для сжатия изображений, например squoosh или tinypng. Интерфейс площадок интуитивно понятный, качество выгружаемых снимков достаточно хорошее, процент сжатия высокий. Снимок в 1,5 Мб смело может быть ужат до размера 100 Кб.

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

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