Фотографии для сайтов: ракурс, формат, вес, размещение

13.12.2017 7:50

Функция фотографии на сайте

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

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

Делаем качественное фото

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

Освещение. Лучше всего использовать дневной свет или профессиональное освещение.
Фон должен контрастировать с предметом съемки, расставлять нужный акцент.
Ракурс. Если речь идет о фотографии товаров, понадобятся фото в нескольких ракурсах (как минимум, три: вид спереди, сзади, сбоку или вполоборота).
Согласованность. Фотографии на сайте должны гармонировать между собой. Общий фон, предпочтительный ракурс, цветовая гамма – объединяющих моментов может быть несколько, но они должны четко просматриваться в каждом изображении.

Веб-оптимизация фотографии и размещение

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

Какие параметры фото необходимо корректировать и зачем:

Формат. Поисковые роботы индексируют далеко не все форматы изображений. Приемлемые расширения – PNG, BMP, GIF, SVG, JPEG. Формат JPEG хорошо передает качество картинки, градиентные эффекты. GIF подходит для анимированных изображений. В PNG можно сохранить прозрачный фон картинки.
Вес. Для поисковых систем важна скорость загрузки страниц сайта. Чем меньше вес фото без потери качества, тем лучше. Чтобы уменьшить вес, изображение сжимают.
Размер. В большинстве случаев изображение после размещения на странице автоматически подгоняется под ширину экрана или заявленный в настройках размер. Важно, чтобы при подгонке фото уменьшалось, а не растягивалось и искажалось.
Имя и атрибуты. В названии картинки необходимо отобразить ее содержание: на английском языке или транслитерацией. В атрибутах alt и title указывается смысл картинки, полезно использовать в них ключевые слова.