Картинки на корпоративный сайт - свои или из поиска

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

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

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

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

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

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

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

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

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

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

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

1. Изображение должно адекватно отображаться на всех вариантах устройств.
2. Самое главное – это качество. Большие фото привлекают внимание. Поэтому нельзя допускать зернистости на крупных изображениях. Лучше не использовать фото вовсе, чем пытаться растянуть изначально маленькое изображение до нужного размера. 
3. Изображения должны быть релевантны как фирменному стилю, так и текстовому контенту страницы, на которой они используются. Например, если компания занимается изготовлением авторской мебели из дерева, хорошо будет продемонстрировать готовый продукт в стильном интерьере. Фотография из мастерской не будет передавать мысль о роскоши и уникальности – то есть то, зачем люди и покупают такую мебель. А стоковая фотография семьи в окружении мебели из IKEA будет лишь отдаленно отвечать тематике страницы. 

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

• Уменьшить разрешение изображения. Хорошее разрешение необходимо на больших фото. Но если изображение маленькое и не предполагает увеличения по клику, то можно смело его уменьшать. 
• Сжать изображение, уменьшив его размер. Для больших изображений не рекомендуется превышать размер 1 Мбайт, для маленьких и средних – в 500 Кбайт.
• Уменьшить количество используемых цветов (подходит только для небольших изображений).
• Удалить лишние метаданные.

Большинство их этих действий легко сделать с помощью онлайн-сервисов (Pngquant, Compressjpeg, iLoveIMG и других). 

Не менее важный момент – это выбор формата фотографии или картинки. От формата зависит, насколько можно сжать изображения без утраты качества. 

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

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

Что нужно знать для создания собственного графического контента

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

Чтобы создать идеальный контент, воспользуйтесь следующими рекомендациями: 

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

Как правильно использовать изображения из интернета

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

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

Но можно предпринять определенные действия, чтобы использовать картинки из поиска законно: 

• В Google есть инструмент, позволяющий фильтровать изображения по типу лицензии. Тип лицензии Creative Commons предполагает бесплатное использование изображения без каких-либо документов и дополнительных соглашений. Но возможны ограничения: например, требуется указать ссылку на автора, изображение допускается использовать бесплатно только в некоммерческих целях и т.д. Уточнить параметры лицензии можно на сайте, где размещено изображение. Commercial & other licenses обычно предполагает покупку изображения, а само фото в большинстве случаев будет размещено на одном из фотобанков. Там же можно уточнить условия приобретения права использования изображения. 
• Яндекс не предоставляет отдельного фильтра для поиска фото по типу лицензии. Но в превью выбранного изображения обязательно будет кнопка со ссылкой на фотобанк, где его можно купить. 

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

Но поисковые системы – не единственные места, где можно взять изображения. Нужный контент можно найти как платно, воспользовавшись одним из фотобанков или стоков (istockphoto.com,shutterstock.com, gettyimages.com и др.), так и бесплатно: 

• На сайтах, где собраны изображения, являющиеся общественным достоянием и подразумевающие свободное использование (publicdomainpictures.net, needpix.com и др.).
• На бесплатных фотостоках (flickr.com, freepik.com, unsplash.com и др.).

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

Если изображение слишком распространено, лучше поискать другой вариант. «Наигранные» фото, где белозубые люди счастливо улыбаются на камеру – тоже не самый лучший выбор. Такие фото уже настолько примелькались, что вызовут не интерес у пользователя, а, скорее, раздражение. Лучше, если изображение будет более естественным.   

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

Но у наших клиентов, которые купили готовые сайты в IT-бутик, таких проблем нет. Все потому, что вместе с сайтом каждый клиент получает большую медиабиблиотеку по тематике приобретенного сайта. Эти изображения легко загружаются, гармонично сочетаются с дизайном сайта и не требуют оптимизации. И самое главное: в медиабиблиотеке собран контент для свободного использования – ни одно из этих изображений не принесет неприятностей и не приведет к судебным искам.