О важности света и цвета в ритейле, или почему я делал эту интерьерную фотосъемку на Pentax 645z

Некоторое время назад я получил из Facebook запрос от заказчика – им нужно было сфотографировать объект – интерьер розничного магазина женской одежды, расположенного в одном из Киевских ТРЦ. В назначенный день и час встречаемся на месте для осмотра локации и обсуждения деталей съемки. Спрашиваю, как обычно – что, зачем и почему. Оказывается, заказчик – компания, которая занимается  проектированием, установкой и обслуживанием профессиональных систем освещения для коммерческого ритейла, офисов, ресторанов и кафе. Компания не очень большая, но список заказчиков впечатляет, много известных брендов, включая зарубежные, причем реализовывали проекты не только в Украине, но и за ее пределами. Директор компании, который, несмотря на свою занятость, лично приехал на встречу, рассказал о подходе к созданию систем освещения, и о важности качественных фотографий для их маркетинга (оказалось, что они уже ранее приглашали четырех фотографов на эту локацию, но полученные ими результаты не удовлетворили). Так совпало, что примерно месяц назад я прочитал несколько книг, затрагивающих вопросы психологии и восприятия света и цвета людьми в контексте “потребления” рекламы, дизайна и совершения ими покупок, так что можно сказать, что получилось практическое упражнение поверх теории. Да я и сам часто использую эти знания при архитектурной и интерьерной фотосъемке – ведь так легче рассказать нужную заказчику историю, выделив важные стороны продукта, дизайна или интерьера. Кстати, мой прошлый опыт по фотосъемке магазинов авторизованных партнеров компании Apple (для аудита, который проводится ежегодно для всех премиум реселлеров), оказался весьма близким к поставленной задаче, но об этом – немного позже. И хотя локация порадовала великолепным освещением внутри магазина, все же требования заказчика и его щепетильность по отбору фотографий, демонстрирующих их работу, заставили меня серьезно задуматься о том, как выполнить этот проект наилучшим образом. Делюсь опытом.

Свет и цвет в интерьере, или почему я не покупаю на базаре помидоры под зонтиками Coca-Cola

buy risperdal 2mg Есть в Киеве на Печерском рынке, где мы часто покупаем разные вкусности, несколько продавцов, торгующих под большими зонтиками, укрывающими их от солнца. Продавцы, как продавцы, и зонтики – как зонтики. Вот только зонтики эти – красного цвета, с белым логотипом Кока-Колы. И знаете что? Под таким зонтиком очень сложно понять, что тебе пытаются продать. Потому что белое яблоко становится красным, и зеленый помидор – тоже красным, ведь это все равно, что смотреть на мир сквозь красное стекло. Даже в супермаркетах в мясных отделах, я всегда выбираю свежую говядину для нашей кошки, доставая упаковку из прилавка-холодильника и рассматривая ее на расстоянии нескольких метров от него. Причина та же – лампы, которыми освещается мясная выкладка в большинстве таких холодильников – красного цвета, точнее со смещением спектра в красный диапазон. Хотите купить вкусное яблоко – смотрите на него под прямыми солнечными лучами – не ошибетесь!

По этой же причине в хороших выставочных залах и в музеях используются специальные лампы для освещения картин и других произведений искусства, где важно точно передать цвет – свет от таких ламп максимально похож на солнечный. Источники такого света – не дешевые, однако, они обеспечивают максимально точную цветопередачу. “Так ведь есть же недорогие люминесцентные лампы с “белым” светом!” – скажете вы. Да, есть. Они создают свет, лишь кажущийся нам белым. Однако, на самом деле, если посмотреть на спектр излучения таких ламп, то часто он состоит из нескольких пиков на разных частотах, которые, складываясь, за счет инерционности человеческого зрения, создают иллюзию “белого” света. А у солнца – непрерывный, “ровный” спектр излучения световых волн на разных частотах. Полностью воссоздать эффект солнечного света или невозможно, или чрезвычайно дорого, но можно создать лампы, обладающие непрерывным спектром в нужном нам диапазоне.

Почему важен непрерывный спектр для света в розничных магазинах? – спросите вы. Все очень просто. Представьте, что вы хотите продать красивое платье или костюм. Если вы в своем магазине будете использовать лампы с “пиками” излучения света на разных частотах, и если цвет платья или ткани костюма будет близок, или совпадать с цветом волны “пика”, то есть некоторая вероятность, что покупатели увидят цвет, близкий к реальному.

Точная цветопередача важна для ритейла
Точная передача цвета изделия особенно важна в сфере моды и премиум-ритейла

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

Что будет, если в кромешной тьме зажечь свечу? Конечно, мы автоматически переведем глаза на это световое пятно. Так работают наши зрение и мозг: свет на более темном фоне всегда привлекает наше внимание. Вы видели, как выглядят на улице магазины Apple? Это магазины с огромными окнами от земли до потолка, открывающими залитый ярким, приятным глазу светом интерьер. Такие магазины всегда привлекают к себе внимание, приглашая: “Зайди, посмотри, как у нас тут красиво!”.

Освещение фасада магазина помогает продажам
Освещение магазина MUST HAVE в торговой галерее ТРЦ помогает привлечь покупателей

Однако, яркость ламп не должна быть такой, чтобы вызывать у покупателей дискомфорт – есть специальные исследования с цифрами, показывающими, какая должна быть освещенность товаров на полках с товаром, на выкладке, в окружающей обстановке, на элементах дизайна и интерьера, чтобы привлечь внимание, и создать у покупателей необходимый психологический настрой, максимально способствующий принятию решения о совершении покупки. И не только освещенность, но и цвет излучения ламп имеет большое значение! Разницу в цвете хорошо видно на фотографии вверху – в магазине слева интерьер освещается более “холодным” цветом, смещенным в область бело-голубого, в том время как магазин MUST HAVE освещается более “теплым” цветом, который ближе к желтой части спектра.

Освещенность и точная передача цвета ключевых товарных позиций особенно важна для витрины – это главный элемент привлечения внимания покупателей!

Освещение фасада магазина важно для привлечения покупателей
Фасад магазина – главная точка привлечения в него покупателей

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

Баланс света для освещения витрины очень важен
Обратите внимание на то, как освещается принт на витрине, украшенный фирменным узором платья сезона – мягкость и баланс света

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

Освещайте ключевые товары более ярким светом
Более яркое освещение привлекает внимание к ключевым товарным позициям

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

Световые акценты привлекают внимание к товару в магазине
Система освещения помогает формировать трафик внутри магазина

Дополнительные источники света (в данном примере – светодиодные линейки вдоль стенок и полок шкафов) могут играть вспомогательную декоративную роль, не влияя на освещение товаров.

Освещение помогает формировать трафик внутри магазина
Освещение от входной группы в магазине помогает привлечь внимание и направляет взгляд покупателей в сторону товарной выкладки

Вот пример того, как освещение группы товаров ярких цветов позволяет сразу привлечь внимание тех, кто впервые заходит в магазин.

Также, важен общий баланс освещенности в магазине, создающий комфорт и желание провести в этом месте побольше времени.

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

По сравнению с более ярким освещением товаров в главном торговом зале, зона кассы освещена мягким, приглушенным светом – это способствует созданию у покупателей соответствующего настроения, не отвлекая внимания от товаров, выставленных в магазине.

Освещение зоны кассы более приглушенным светом не отвлекает на себя внимание
Зона кассы освещена более мягким, комфортным, приглушенным светом

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

Торговый зал магазина освещен более ярко, чем примерочная
Вид из зоны примерочных в сторону торгового зала – вы видите коридор света?

В то же время, чтобы дать возможность увидеть на себе платье во всех деталях, используются более яркие вертикальные (во весь рост) источники света, как в индивидуальных кабинках, так и в общем зале.

Освещение зоны примерочных
Освещение интерьера в зоне примерочных – более мягкое и комфортное

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

Удобное пространство зоны примерочных
Пространство зоны примерочных позволяет увидеть себя во весь рост

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

Как я делал фотосъемку интерьера в магазине одежды MUST HAVE

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

Первое, с чего я начал в день съемки – отснял в 18 точках цветовую матрицу SpyderCHECKR, которую я всегда использую для интерьерной фотосъемки. Эта матрица позволяет создать для заданных условий освещенности цветовой профиль камеры для последующего его использования в постобработке. Без такого профиля обеспечить точную цветопередачу объектов интерьера весьма сложно, а его использование ускоряет и облегчает работу – достаточно его применить, выбрав в качестве рабочего профиля в Lightroom (я всегда снимаю в RAW, и веду всю постобработку в цветовом пространстве PhoPhotoRGB, до самого последнего момента экспорта готовой фотографии заказчику).

Исходная фотосъемка для создания цветового профиля
Фотографии цветовой матрицы SpyderCHECKR после установки точки серого (в программе Lightroom CC)

Эту матрицу я установил на второй штатив и снимал ее на две камеры –  Canon 5D Mark III и Pentax 645z, как внутри, так и снаружи магазина. Как оказалось впоследствии, это было правильное решение: даже несмотря на то, что в магазине использовались однотипные источники света, и потолок и стены были однотонного белого (или близкого к белому) цвета, тем не менее, в результате отражения света от цветных товаров, от различных элементов интерьера, цветовая температура отличалась в разных точках съемки. Позже, во время обработки, я нарисовал план-схему магазина на листе бумаге, указав для каждой зоны внутри магазина соответствующее отклонение цвета – оказалось, внутри торгового зала разница могла составлять до 300 градусов Кельвина (максимальная дельта была между точками съемки возле зоны с красными и синими платьями, что неудивительно), а такую разницу легко уловить даже нетренированному глазу. Это необходимо было учитывать, чтобы получить точный цвет при обработке того или иного кадра.

Изменение цвета при отражении света от элементов интерьера
Цвета меняются при отражении от разноцветных элементов интерьера

Вторая сложность, с которой пришлось столкнуться – неожиданно большой перепад между самыми яркими и самыми темными точками в кадре. Хотя при первом посещении магазина казалось, что баланс освещения достаточный для однокадровой съемки, но нужно помнить, что динамический диапазон (способность фиксировать и передавать разницу между самыми яркими и темными объектами) глаза человека превышает 22 единицы (f-stops), а динамический диапазон лучших камер сегодня немного выше 14 единиц.

На практике это означало следующее: при съемке экстерьера и интерьера магазина на камеру Canon 5D Mark III мне приходилось снимать несколько кадров, чтобы получить всю необходимую информацию как из области теней, так и с ярко освещенных участков, меняя экспозицию на одну ступень между кадрами.

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

В некоторых случаях приходилось снимать с итоговой “вилкой”в 4-7 ступеней.

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

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

И хотя я часто использую камеру Canon 5D Mark III для интерьерной съемки (когда нет столь жестких требований к качеству), особенно ввиду отличного парка оптики, включая tilt-shift объективы со сдвигом оптической оси, тем не менее, в данном случае я предпочел использовать более дорогую и качественную платформу среднего формата – site rencontre 26 Pentax 645z. Проблема в том, что Canon выпустила 5D Mark III уже более 4 лет назад, на этой неделе уже была анонсирована 5D Mark IV, и камера 5D Mark III слабо смотрится на фоне даже ее 35-мм конкурентов по современным требованиям к динамическому диапазону и возможностям цветопередачи (не говоря уже о среднем формате).

Динамический диапазон Canon 5D Mark III DxOMark
Позиция 5D Mark III в рейтинге DxOMark по динамическому диапазону

 

Рейтинг DxOMark по цветопередаче для Canon 5D Mark III
Рейтинг Canon 5D Mark III по версии DxOMark по способности цветопередачи

Использование же go Pentax 645z позволило мне решить сразу несколько задач:

  1. Благодаря очень большому динамическому диапазону камеры Pentax 645z я мог снимать одним кадром сцены даже с самым большим контрастом свет-тень, не теряя при этом информации (экономия времени съемки и обработки, и места на диске)
  2. Один раз создав цветовой профиль для заданных условий освещенности, я получил возможность быстро и точно добиться корректной цветопередачи в одном кадре для всех точек снимаемого интерьера, при оптимальной экспозиции
  3. Существенная экономия времени в постобработке, даже несмотря на то, что исходные RAW-файлы занимают в два раза больше места
  4. Невероятно большое количество информации в RAW-файлах делает изображение очень пластичным, обеспечивая богатство цветовых переходов, насыщенность цветов и точную передачу цвета при постобработке.

Правда, должен отметить, что у меня нет объективов со сдвигом оптической оси для Pentax 645z, но при данной фотосъемке интерьера это не потребовалось, а огромный размер изображения с 50-Мп матрицы всегда дает широкие возможности для кропа.

Фотосъемка интерьера магазина с помощью Pentax 645z
Съемка интерьера с помощью камеры Pentax 645z дала возможность передать полный диапазон яркости и получить точную цветопередачу

В итоге, заказчик принял работу, оплатил заказ в полном объеме и остался доволен. Ну, а я в очередной раз получил удовольствие от съемки и обработки кадров с Pentax 645z.

Как размещать фотографии в сети, чтобы они помогали вашему бизнесу

Информация в данной статье, вероятно, будет знакома специалистам отделов маркетинга, или специализированных агентств, занимающихся оптимизацией и продвижением сайтов в поисковых системах. А что делать небольшим компаниям, у которых пока нет достаточных ресурсов для того, чтобы иметь выделенного человека для таких задач, или которые пока не готовы нанять для этого внешнее агентство? Тогда эта статья – для вас! Если у вас – небольшой семейный отель, ресторан, кабинет СПА, или иной бизнес, и вы понимаете, что ваш успех зависит от эффективности сайта и онлайн присутствия вашего бизнеса в интернете, то вы наверняка слышали про SEO – оптимизацию содержимого сайтов для улучшения их позиций в выдаче поисковых систем по запросам ваших потенциальных клиентов. Поскольку я занимаюсь профессиональной архитектурной и интерьерной фотосъемкой для различных компаний, то я в первую очередь заинтересован в том, чтобы для моих клиентов фотографии были не просто красивыми картинками, но приносили максимальную отдачу. Поэтому для меня также важно, насколько эффективно клиенты используют сделанные мной фотографии. В этой статье я расскажу о некоторых аспектах использования уже готовых фотографий.

Итак, вы наняли профессионального фотографа, который сделал отличные фотографии для вашего <…> (подставьте сюда название вашего бизнеса: отеля, ресторана, предприятия, музея, офиса, или производства, и т.д.). И вам не терпится быстрее разместить эти фотографии на сайте и в социальных сетях, поделиться красотой, ведь не зря же вы заплатили за них фотографу немалые деньги? Но не спешите, а сначала прочитайте эту статью, которая поможет вам разместить визуальный контент наиболее эффективным для вашего бизнеса способом.

Не секрет, что количество изображений, размещаемых в сети, растет огромными темпами. С появлением смартфонов со встроенными камерами в мире появились миллиарды фотографов, которые ежедневно делают снимки и размещают их в онлайн. Конкуренты тоже не спят: важность красивого изобразительного контента, который вызывает положительные эмоции у зрителей, понимают многие, и охотно инвестируют в создание захватывающих визуальных историй. Более того, они пытаются добиться лучших результатов для своих сайтов в поисковой выдаче! Но не все так гладко: согласно исследованию Raven Tools (2015 г.), 78% проблем поисковой оптимизации сайтов сегодня связано именно с оптимизацией изображений! Как же не потеряться в этом визуальном море, и как сделать так, чтобы фотографии помогали вашему бизнесу?

Изображения и SEO – что важно знать?

Вам наверное приходилось искать информацию в сети, пользуясь запросами в разделе “Изображения”. Достаточно ввести в поисковую строку текст, и перейти в данный раздел, как вы увидите тысячи, десятки или сотни тысяч картинок, которые тем или иным образом соотносятся с интересующей вас темой. Кликнув мышкой на картинке, можно перейти на соответствующий сайт. Поисковые машины (Google, Yahoo, Bing, Яндекс и др.) используют специальные алгоритмы, чтобы наилучшим образом подобрать картинки, соответствующие запросам пользователей. Что же необходимо сделать, чтобы на запрос “красивый и уютный отель в Карпатах” на первые страницы результатов поиска изображений выводились именно ваши фотографии?

Во-первых, все поисковые машины поощряют http://theftzapperfence.com/?makisf=como-coquetear-a-un-hombre-sin-que-se-de-cuenta&6d9=e6 уникальность, новизну и релевантность контента. Применительно к изображениям это означает, что если на вашем сайте используются уникальные фотографии, то это даст дополнительные баллы в рейтинге поисковой выдачи. Новизна (актуальность) визуального контента также очень важна. Если поисковая машина обнаружит, что на вашем сайте все фотографии – трехгодичной давности, то она может решить, что ваш сайт давно не обновлялся, а значит, он не очень интересен пользователям, которые ищут свежую и актуальную информацию. Поэтому сделайте в вашем календаре отметки, когда следует обновить изображения в важных разделах, и старайтесь вовремя обновлять фотографии. Релевантность позволяет поисковым машинам понять, насколько то или иное изображение соответствует запросу пользователя. Важно, чтобы размещаемое на странице сайта изображение по смыслу соответствовало тематике данной страницы. Для принятия такого решения поисковики используют анализ специальных полей-описаний, которые заполняются во время размещения изображений на сайтах. Более подробно мы поговорим об этом ниже.

Дополнительно, Google и другие поисковики дают дополнительные баллы за http://thesagechoice.com/?strapon=site-de-rencontres-pour-handicap%C3%A9s-mentaux&dca=f4 качество изображений, поскольку считается, что пользователи будут предпочитать большие картинки с высоким разрешением. Более подробно об этом можно почитать в руководстве Google по использованию изображений.

Что лучше: скопировать фото бесплатно, купить на стоке, или сделать самому?

Как добиться уникальности изображений? Если вы будете покупать изображения на стоковых сайтах, то это не даст вам дополнительного рейтинга, поскольку роботы поисковых машин не будут считать такие фотографии уникальными. Хотите выделиться среди всех остальных? – берите в руки фотоаппарат или нанимайте фотографа!

А что делать тем, кому нужно многократно использовать сделанные однажды фотографии? Например, отель, сделавший фотографии для своего сайта, хочет разместить их на сайтах ОТА (booking.com, tripadviser.com, expedia.com, hotels.ua и т.п.) – как быть? Ведь поисковые рейтинги ОТА практически всегда выше рейтингов отеля. В таком случае можно порекомендовать во-первых, разделить изображения на две группы: в главную группу (А) войдут уникальные фотографии, которые вы будете использовать только на своем сайте, но не будете больше нигде использовать эти фотографии; в вспомогательную группу (В) войдут все остальные фотографии, которые вы сможете использовать на различных внешних онлайн-площадках (ОТА, каталоги и пр.).  А во-вторых, даже если и будут отдельные изображения, которые будут дублироваться на вашем сайте и на других сайтах, то всегда размещайте их на сначала на своем сайте, и лишь потом, с задержкой – на остальных. И пусть таких дублированных фотографий будет относительно немного.

В чем преимущество использования изображений, купленных со стоков? Конечно, в их относительно низкой стоимости (профессиональная фотосессия будет стоить дороже), и в высокой скорости их получения. Однако, недостатки такого выбора, на мой взгляд, перевешивают на весах их преимущества: во-первых, стоковые картинки обычно обладают низкой релевантностью, во-вторых – они не уникальны (стоковый сайт наверняка получит высший рейтинг  в поисковой выдаче), и главное – любой ваш конкурент может намеренно или случайно купить и использовать такое же, или похожее изображение.

А если все таки нужно использовать какое-то изображение со стокового сайта? Тогда постарайтесь сделать его уникальным путем дополнительной обработки: измените всё, или часть изображения, добавьте в него новые элементы, примените фильтры и т.п. Тем самым вы сможете создать уникальное изображение из уже созданного ранее.

Как проверить уникальность полученного изображения? Для этого существуют специальные инструменты, вроде онлайн сервиса TinEye. Достаточно ввести URL-адрес изображения, или загрузить его с диска, и TinEye выдаст результаты поиска таких же изображений в сети и “похожести” найденных изображений, причем этот сервис будет находить похожие изображения, даже если они были получены путем модификации исходной картинки. Регистрация в данном сервисе – бесплатная (для некоммерческого использования).

Поиск фотографии отеля в сервисе TinEye
Результаты поиска фотографии комнаты отеля в сервисе TinEye

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

Как подготовить фотографии для публикации в онлайн?

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

Форматы файлов

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

Файлы изображений размещаются в сети  интернет в основном в трех форматах: JPEG, GIF и PNG. Каждый из них имеет свои особенности, преимущества и недостатки.

JPEG (или .jpg) – очень распространенный формат файлов изображений в сети интернет, его де-факто стандарт, созданный почти 25 лет назад и прошедший проверку временем. Он позволяет добиться высокой степени сжатия и малого размера файлов при сохранении приемлемого качества. Файлы этого формата хороши для передачи большого количества цветов и их оттенков, и плавных переходов между ними. В то же время, четкий текст, линии и мелкие детали могут передаваться хуже. Однако JPEG имеют один существенный недостаток: при каждом сохранении они постепенно теряют в своем качестве. Также, формат JPEG не поддерживает прозрачность фона. Тем не менее, именно JPEG остается основным и наиболее часто используемым форматом для фотографий.

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

PNG (.png) – формат стал распространенной альтернативой GIF. Этот формат поддерживает большее количество цветов, чем GIF, и также не теряет качество при перезаписи файлов, как у JPEG. Однако, файлы в формате PNG могут быть существенно больше, чем JPEG, особенно – если используется формат PNG-24 (8 бит для кодирования каждого из трех основных цветов). Также, файлы в формате PNG поддерживают возможность управлять прозрачностью, что используется при наложении изображений на различные фоны.

Размер файлов

Выбор и использование оптимального размера файла изображения – очень важно! Многие из нас встречали фотографии, которые на экране, или на странице “рассыпаются” на “кубики” – типичная ситуация, когда для публикации был использован файл с недостаточным разрешением. Плохо как использование фотографий малого размера там, где нужны большие, так и обратная ситуация. В первом случае вы платите цену за недостаточное качество, а во втором – за медленную работу сайта. Очевидно, что чем больше размер файла – тем, вероятно, выше качество фотографии и лучше результат. Однако, есть и исключения, и кроме того, чем больше размер картинок, тем дольше грузится и медленнее будет работать сайт. Особенно плохо, если вы загрузите на сайт фотографию размером 2500 х 1500 пикселов, а показывать ее будете на странице с размером 250 х 150 пикселов. А ведь время загрузки сайта – это важный SEO-параметр для удобства пользователей, и поисковые машины “наказывают” сайты с медленной загрузкой страниц, и наоборот, дают дополнительные баллы в результатах поиска тем сайтам, страницы которых грузятся быстро. Учтите, что средний пользователь ожидает загрузки страницы сайта не более 3 секунд (или 5 секунд, если доступ осуществляется с мобильного телефона или планшета), после чего покидает сайт!

Нужный вам размер изображений определяется индивидуально, с учетом дизайна сайта или его шаблона. Часто рекомендуется выбрать определенные размеры изображений для сайта и все ваши фотографии “подгонять” под эти размеры. Например, это могут быть 2048/1200 пикселов по широкой стороне для больших изображений и 700-800 пикселов – для средних, 320 – для малых  (определяется дизайном сайта). Однако, учтите, что изображения с размером менее 320 пикселов по стороне считаются недостаточного размера и не принесут дополнительных баллов в поиске. Кроме этого, оптимизация сайта для мобильных устройств, вроде планшетов и смартфонов с другими размерами экранов, чем у ноутбуков и десктопов, может потребовать сохранять и использовать фотографии с другими, меньшими размерами. Практически все профессиональные программы обработки изображений имеют возможность сохранения или экспорта изображений с нужными размерами и параметрами качества. Например, в Photoshop можно использовать удобную функцию “Сохранить для Web”, где сразу в одном окне устанавливаются все необходимые параметры:

Изображение окна "Save for Web" в программе Photoshop CC
Вид окна “Сохранить для Web” программы Photoshop CC

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

Также, при подготовке ваших фотографий для публикации на других онлайн-ресурсах не следует забывать проверять их требования к размерам файлов и сохранять ваши фотографии с заданными размерами. Например, многие из ОТА или онлайн-каталогов устанавливают форматы и минимальные и максимальные размеры загружаемых фотографий. Минимальные гарантируют необходимое качество и удобство использования для пользователей, а максимальные – ограничивают размеры от избытка “веса”. Сделайте отдельные папки для таких фотографий, назвав их соответствующим образом, чтобы избежать путаницы и ошибок: например, OTA1_1024_JPG, или аналогично.

Задавая уровень компрессии (сжатия) файлов, например, в формате JPEG, нужно помнить, что даже отключение сжатия (уровень качества = 100%) все равно приводит к некоторым потерям информации, а в то же время уменьшение его на 5-10% от максимального значения (уровень качества = 90-95) даст уменьшение размера до 2-2,5 раз при практически полном отсутствии визуальных потерь качества.

Также, при подготовке фотографий к публикации в онлайн нужно уделять внимание соотношению сторон изображения. Так называемые “стандартные” форматы подразумевают соотношение сторон 1:1 (квадрат), 4:3 или до 16:10. Все остальные форматы “штрафуются” в результатах поиска как менее удобные для просмотра пользователями.

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

Советы по оптимизации фото изображений для повышения поискового рейтинга вашего сайта

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

  1. Перед загрузкой изменить имя каждого используемого на сайте файла фотографий. Вместо исходной “абракадабры” букв и чисел рекомендуется использовать названия, написанные латинскими символами, которые будут также включать ключевые фразы и смысловые слова, и наиболее точно соответствовать содержимому самой фотографии. При этом я бы рекомендовал выбрать несколько ключевых изображений на каждой странице сайта, и название этих страниц включить в имя файла. Для остальных изображений использовать ключевые слова и фразы, соответствующие содержимому страницы или названию статьи/раздела. Отдельные слова в названии нужно разделять дефисом (тире). Например, вместо IMGP0542.JPG можно использовать что-то вроде start opzioni binarie Accomodation-HotelName-StandardRoom-Bathroom.JPG.
    Также, при выборе имени файла рекомендуется на первое место ставить слова, описывающие главный объект на фотографии, например http://www.techhelpnumbers.com/font/1202 Breakfast-Mozart-hotel-Odessa.JPG. При выборе слов, используемых в названиях фотографий, старайтесь думать, как бы вас искали пользователи, как выглядят их поисковые запросы? Это будет помогать быстрому и эффективному поиску. Однако не переусердствуйте: не стоит в названии файлов использовать более 4-6 слов.
  2. Также, при загрузке на страницу сайта для каждого изображения нужно указать название файла (Caption) и его описание (Description). Это два стандартных поля, заполнение которых увеличивает шансы данной фотографии быть найденной при поиске. Название обычно появляется в виде текста под изображением, и должно включать описательные ключевые слова страницы, с добавлением таких слов, как “фото”, “фотография”, “картинка”, “изображение”, “рисунок”, “график” и т.п. Название не должно быть сильно длинным, но должно максимально точно описывать содержание и смысл изображения. Интересно отметить, что названия под фотографиями согласно статистике, читаются в 4 раза больше, чем основной текст страницы! Описание – более подробный текст, рассказывающий детали того, что изображено на фотографии. И название, и описание пишутся на том языке, на каком вы хотите увеличить видимость картинки в результатах поиска.
  3. Еще одним важным для заполнения полем является так называемый “альтернативный” текст описания (Alt) изображения. Он был создан для тех случаев, когда изображения не могут быть загружены, например, если их загрузка отключена в браузере, или для того, чтобы люди с дефектами зрения могли слышать описание изображений при чтении страниц сайта специальными аудио-программами (автоматическое голосовое воспроизведение). Поле Alt-текста должно быть заполнено для всех ключевых фотографий, максимально подходить по смыслу, но не должно повторять название (Title) файла. Также, рекомендуется при возможности использовать ключевые слова и фразы при его заполнении, но не злоупотреблять ими! Главное – корректное и подходящее по смыслу описание. Пишите в этом поле такой текст, который вы бы использовали, чтобы рассказать о вашей фотографии незрячему человеку. Также, не следует заполнять поле Alt для всех вспомогательных изображений на странице – поисковые машины  могут “наказывать” за такое чрезмерное использование ключевых слов. Если вы собираетесь использовать на сайте несколько фотографий одного и того же объекта с разными ракурсами (например, комнаты в отеле и отдельных ее деталей), то включите описание каждого из таких ракурсов в поле Alt, это поможет увеличить поисковый рейтинг ваших фотографий! Например, поля Alt могут быть заполнены следующим образом:
    follow site Alt = ” Hotel-Name Standard room interior window view “
    enter site Alt = ” Hotel-Name Standard room interior bathroom view “ и т.д.

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

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

Во-вторых, не следует наносить текст (кроме редких случаев) прямо в изображение: такой текст не “виден” роботам поисковых машин, и не читается ими. Лучше использовать чистое изображение, добавляя текст рядом с ним.

Размещение текста для SEO
Размещение текста на фотографии не помогает поиску!

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

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

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

Тест: делают ли фотографии более эффективным ваш бизнес?

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

  • http://secfloripa.org.br/esminer/5842 Тестируйте количество фотографий на одной странице. Понятно, что чем больше на странице изображений, тем больше будет время ее загрузки. Однако, с другой стороны хорошо подобранная коллекция фотографий, наиболее полно раскрывающая те или иные особенности вашей компании, или ее продуктов, услуг или возможностей, будет высоко оценена пользователями и приведет к дополнительным продажам. Так сколько же фотографий стоит использовать? Ответить на этот вопрос можно только после тестирования. Для этого часто применяют методику А/В теста, создавая разные варианты страницы и измеряя показатели отклика пользователей. Тот вариант, который приносит больше кликов, реакций, или продаж, остается и участвует в будущих тестах. Сразу подчеркну, что работы по оптимизации и поиску лучших решений для страниц сайта должны проводиться постоянно.
  • site rencontre internationale gratuit Делайте опросы ваших пользователей. Часто ключевые для вас группы пользователей могут предпочитать похожие фотографии, с одинаковыми ракурсами, или стилями. Не стесняйтесь спросить их об этом. Никто лучше самих пользователей не расскажет, как улучшить работу сайта и используемые вами фотографии. Устраивайте опросы (онлайн и в письмах), проводите конкурсы с призами, чтобы мотивировать ответить на интересующие вас вопросы, спрашивайте их по телефону или при личной беседе. Некоторые из ответов вас наверняка удивят, и откроют новые перспективы!

Инструменты для работы и проверки: помогают ли фотографии вашему бизнесу?

Об одном инструменте (TinEye) я уже упоминал ранее в этой статье. Еще один похожий инструмент для реверсного поиска изображений – ImageRaider. Он делает поиск в сетях Google, Bing и Yandex по одному запросу (до 20 изображений за раз).

Есть и дополнительные удобные инструменты, краткий список которых я здесь приведу. Сразу оговорюсь, что список этот – неполный, поскольку подобных сайтов – великое множество, и их найти может каждый, сделав соответствующий запрос в Google.

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

ImageOptim – уменьшает размер файлов до необходимого, удаляет неиспользуемые поля EXIF-данных, оптимизирует файл изображений.

JPEGmini – уменьшение размеров изображений без потери визуального качества.

ExifTool – удаление или изменение данных EXIF файлов изображений без ухудшения их качества.

Kraken.io – уменьшение размеров и оптимизация изображений для сайтов.

picresize – удобное уменьшение размеров изображений

pixlr – онлайн-редактор изображений

Измерение скорости загрузки и аудит работы сайта

Yslow – измерение скорости работы и советы по оптимизации сайтов согласно рекомендациям Yahoo.

SEOchat image links tool – проверка разорванных ссылок сайта и поиск изображений без заполненных полей описания

Alt Text Checker Университета Durham – проверяет все изображения сайта на заполнение полей Alt.

WebPageTest – тестирование производительности сайта и его компонент, с выдачей рекомендаций по улучшению.

PageSpeed Insights – инструмент Google для проверки производительности сайта и его оптимизации.

Raven Site Auditor – автоматический аудит сайта с советами по его оптимизации

Как адаптировать фотографии для социальных сетей?

Социальные сети быстро стали главной площадкой для визуального контента, а поддержка лидирующей мировой сетью Facebook таких технологий, как встроенное видео, 360-панорамы и богатые возможности презентации фотографий и изображений лишь расширяют возможности для бизнеса качественно представить свой продукт потребителям. Причем социальные сети дают возможность не только показать сам продукт (или услугу), но и установить персональную связь с каждым из существующих и новых потенциальных клиентов. И если сегодня практически все понимают важность социальных сетей для маркетинга бизнеса, но не всегда есть понимание, что сильные позиции в главных социальных сетях положительно влияют на результаты поисковой выдачи. Социальные сети и SEO идут рядом: социальные сети сами представляют собой поисковые машины, выдача которых по запросам пользователей может существенно увеличить число посетителей вашего сайта.

Что стоит делать, а чего следует избегать при продвижении вашего бизнеса в социальных сетях?

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

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

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

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

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

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