Ні для кого не секрет, що реклама - двигун торгівлі. Але щоб реклама була ефективною, вона повинна бути високої якості. У нашому випадку - це контент розміщений в веб-сторінках інтернет-магазину (ІМ), завдяки якому ми зможемо привернути увагу клієнтів до наших товарів або послуг.

Природно, не контентом єдиним просувається товар чи послуга, існують й інші методи реклами. Але сьогодні я хочу розповісти саме про якісний графічний контент, який є невід'ємною частиною успішного інтернет-магазину. Якими методами визначається якість фото-контенту, про це піде мова в даній статті.

На якому фоні повинен бути зображений предмет

Те на якому фоні повинен бути товар, вирішувати вам, однак тут багато що залежить від специфіки товару, його кольору, форми, сфери застосування тощо. Зазначу, що не всякий предмет виграшно виглядатиме на чисто білому фоні. Хоча 99% ІМ публікують фотографії всіх своїх товарів саме на білому фоні. Нижче я опишу з чим пов'язано таке явище.

Зйомка предметки на білому фоні викликана наступними основними факторами

• Основний колір веб-сторінки - білий
• Зручність при фотографуванні
• Швидкість обробки фотографій
• Вага оброблених файлів
• Легкість в збірці фотоколажів

Тепер давайте розглянемо детальніше кожен з цих пунктів.

Якщо основний колір веб-сторінок інтернет-магазину - білий

Нижче наведено приклад сторінки каталогу товарів інтернет-магазину. Фон білий, текст чорний, картинки з білим і чорним фоном. Праву колонку з цінами я відрізав.

Як я вже говорив вище, чисто білий фон обраний як базовий для переважної більшості інтернет-магазинів. Багато користувачів (покупців) звикли до цього кольору, який не викликає у них роздратування і не відволікає від перегляду фотографій товарів.

Предмети на фото з білим фоном виглядають як влиті в сторінку. Але товар знятий на чорному фоні трохи дисонує в загальній композиції, і таку картинку очі намагаються ніби "проскочити". Це викликано високим контрастом між фоном і цим чорним квадратом, який сприймається оком як велика чорна пляма. Тому, я не рекомендую використовувати на такій сторінці картинки з чорним (темним) фоном.

Темні картинки краще виглядають на сторінці з відносно темним фоном

Щоб ваш ІМ відрізнявся від сотень тисяч інших схожих один на одного, а також щоб можна було сміливо використовувати картинки з різним рівнем яскравості, для цього можна трохи стилізувати свої веб-сторінки за допомогою CSS стилів, при цьому структура HTML залишається незмінною. Саме так зроблено в нашому інтернет-магазині, см. скріншот нижче. Клікніть по картинці для переходу на "живу" сторінку.

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

Фотозйомка предметки на білому фоні зручніша в порівнянні з іншими

Зручність зйомки предметки на білому фоні полягає у тому, що немає необхідності кожного разу при зміні предмета вносити суттєві правки в світло-тіньову схему освітлення (правити сетап).
Наприклад, знімаючи предмет на фоні другорядних об'єктів, потрібно враховувати освітленість всіх об'єктів композиції. А це може істотно знизити швидкість процесу зйомки, іноді в рази.

На фото вище, другорядним елементом композиції є ремінь, який знятий з істотним падінням інтенсивності світла. Щоб створити подібну модель освітлення, потрібно набагато більше часу на підготовку сетапу у порівнянні зі зйомкою, наприклад, в тому ж лайткубі.

Швидкість обробки предметних фото з білим фоном в рази швидша

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

Знімаючи предмет на білому фоні, фон залишається в будь-якому випадку ідеально чистим, бо пил на білому фоні просто не видно, так як він білий. Але якщо предметна фотозйомка відбувається на темному фоні (не кажучи вже про чорний), в тій чи іншій мірі, але всюдисущий пил буде присутній на знімках, як би ви не намагалися його прибрати перед натисканням на спускову кнопку камери. А застосування компактного тунельного вентилятора типу "пушки" або пилососа в більшості випадків просто неможливо.

Але все це стосується лише тих випадків, коли ви знімаєте не великі за розміром предмети, приблизно до 15-20 см. Якщо ж предмет великий, наприклад, 35-50 см. і більше, в такому випадку подряпини і пил будуть не помітні на чорному фоні. Знімаючи великогабаритні предмети, наприклад, фоторюкзак Lowepro Flipside 400AW, про наявність пилу можна не турбуватися. Проблема з пилом виникає лише при істотному збільшенні масштабу кадру, наприклад, при зйомці кріпильного гвинта для розгрузки, зображеного на фото вище.

Важать оброблені фото з білим фоном набагато менше

Якщо взяти дві абсолютно однакові фотографії по композиції але з різними фонами, наприклад, з білим і якимось текстурованим, вага цих фото буде істотно відрізнятися. І не важливо які налаштування при експорті фото для WEB ви використовуєте, результат буде однаковим, за умови що якість оптимізації буде ідентичною для двох файлів. Наприклад, при всіх інших рівних: розмір (px), роздільна здатність (dpi), глибина кольору (bit), фото годинника на білому фоні в 2 рази легше ніж фото з дерев'яною текстурою, див. фото нижче.

Фотографія з білим фоном легша з однієї простої причини - чистий білий фон практично позбавлений деталей. Таким чином, чисті (рівномірні) білі або чорні фони сприяють суттєвому зниженню ваги фотографії зберігаючи при цьому високу деталізацію самого предмета.

Навіщо потрібно стежити за вагою фотографій, що це дає?

Стежити за вагою фотографій які завантажуються на сервер потрібно обов'язково. А краще це робити ще на етапі підготовки фотографій - оптимізація файлів для WEB-публікації в Фотошопі.
Це потрібно робити для того, щоб ваш ІМ мав шанс (при інших рівних умовах з вашими конкурентами) зайняти більш високі позиції в органічній видачі пошукових систем. Отже, чим вище ваш магазин в пошуку, тим більше шансів отримати бажаний трафік.

Чому позиції сайту у видачі залежать від ваги фотографій?

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

Все б нічого, але існують вибагливі алгоритми пошукових систем, для яких такі показники як «Поведінкові фактори» і «Час відповіді сервера» далеко не порожній звук. Я не буду зараз розповідати про специфіку роботи пошукових алгоритмів ПС, це ви зможете знайти на просторах інтернету самостійно.

Єдине що хотілося б відзначити, якщо фотографія занадто важка (500кб і більше), відповідно, на завантаження такого файлу йде досить багато часу (кілька секунд), як результат - показник «Час відповіді сервера» низький, до того ж «Поведінкові фактори» також страждають від цього, бо користувач не дочекавшись повного завантаження веб-сторінки (включно з усіма картинками) залишає її. Алгоритм аналізуючи отримані дані робить висновок що, скоріше за все, з релевантністю цієї сторінки є серйозні проблеми. А значить - не місце їй в топі!

Збирати фотоколажі з фото з білим фоном набагато простіше

Якщо вам потрібно створити фотоколаж з декількох предметів які зняті на білому фоні, такі фото прискорять в рази дану процедуру. Іноді досить застосувати лише банальне накладення шарів Фотошопа (смикаючи повзунки цього інструменту туди-сюди), щоб отримати бажаний результат.

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

На сьогодні це все. У другій частині статті я розповім про деякі прості але дуже цікаві прийоми фотозйомки предметки. Дякую за увагу.

Особливості фотозйомки предметки