Какие изображения выбрать для сайта: свои фото или бесплатный фотосток
Ангелина Нехай для раздела Академия
Для наполнения сайта материалами лучше всего использовать оригинальный контент, созданный самостоятельно и не прибегать к фотостокам. Оригинальные фотографии повышают доверие пользователей к компании и отражают реальное качество товара или услуги. Мы попробуем сравнить собственные фотографии и снимки из стока, чтобы наглядно показать разницу.
Фотосток — это банк фотографий, иллюстраций и других различных изображений. На таких сайтах фотографы, иллюстраторы и художники размещают свои работы, обычно из можно использовать бесплатно или за небольшое вознаграждение. Прежде чем использовать фото, обязательно убедитесь, что его можно использовать бесплатно в рамках лицензии.
В стоках обычно размещаются снимки в отличном качестве, а выбор тем поражает воображение: портреты, пейзажи, еда, офисы и кафе, техника и строительные работы. Уделив совсем немного времени, вы подберете для сайта великолепное визуальное наполнение.
Часто клиенты не хотят видеть идеальный сайт, им важно качество товаров или услуг, а также реальные отзывы. У людей будет меньше доверия к организации, которая не хочет размещать реальные фотографии своих товаров и услуг. Кто знает, что скрывается за идеальной картинкой?
Работы из фотостоков отлично подойдут для фоновых изображений и оформления главной страницы сайта. Но использовать их в разделах с товарами и отзывами точно не стоит. Пусть ваши снимки будут не совсем профессиональными, но они продемонстрируют реальный вид товаров и услуг.
Примеры работ
Если вы работаете мастером по ногтевому сервису или печете кондитерские изделия на дому, старайтесь сразу после выполнения заказа фотографировать свои работы. Это можно сделать на камеру телефона. Смартфоны часто делают снимки удачнее, чем громоздкий фотоаппарат.
Важно. Позаботьтесь об освещении и купите настольную или переносную лампу. По возможности делайте все снимки на одном фоне, это даст понять клиентам, что вы не берете их из интернета, а размещаете именно свои работы. В качестве фона можно использовать рабочую поверхность, лоскут ткани, специальный фото фон или поискать на YouTube урок по созданию оригинального фона для фотографии своими руками. Есть очень оригинальные идеи, обязательно посмотрите!
Серия из самостоятельно созданных фотографий гораздо гармоничнее, чем разноплановые кадры из фотостоков. Ведь руки моделей со стандартных стоковых фото идеальные, без единого изъяна, именно это и снижает доверие ваших драгоценных клиентов.
Фото для отзывов
Когда вы только начинаете деятельность, добыть отзывы от клиентов с их фотографиями не так просто. Некоторые люди не хотят показывать свое лицо, у кого-то нет хороших снимков, а тратить время и деньги на фотосессию вряд ли кто-то согласится. В таком случае может возникнуть идея использовать портреты из фотостоков.
Важно. Если сейчас люди не готовы делиться своими снимками, не отказывайтесь от раздела «Отзывы» на своем сайте. Вполне нормально разместить текстовые отзывы, также можно размещать скриншоты отзывов из социальных сетей.
Посмотрите на этот отзыв. А теперь вопрос: «Какой шанс встретить у нас такую семью?» Общайтесь с клиентами. Не постесняйтесь попросить у них разрешение снять их на телефон. Сделайте пару кадров на месте оказания услуг или рядом с товаром. Поверьте, живые и эмоциональные лица скажут гораздо больше любых слов.
Фото для студий и мастерских
На фотостоках найдется множество фотографий и иллюстраций, практически для любой сферы деятельности. Для сайта художника кадры с красками, мольбертами, студиями и мелками. По строительной тематике: инструменты, краны, погрузчики и стройки. Для книжных магазинов: яркие прилавки, композиции с книгами и читающие люди.
Важно. Потратьте немного времени для исследования вашего рабочего пространства. Посмотрите в каких местах хорошее освещение, где есть интересный декор. Сделайте пробные кадры и поэкспериментируйте с ракурсами. Позже вы научитесь моментально делать красивые снимки, для этого нужна лишь практика и немного терпения.
Стоковые фотографии обычно очень яркие и красочные, поверьте у вас получится сделать не менее привлекательные снимки. А если они будут не столь удачными — не страшно! Главное, что вы искренни по отношению к своей аудитории, люди видят чем вы занимаетесь, видят работы ваших учеников и обязательно захотят присоединиться.
Заключение
Выбор источника фотографий зависит только от вас. Снимки с фотостока отлично подойдут для создания определенной атмосферы на сайте, используйте их для подложек в разделах, дополняйте ими текстовую информацию, размещайте в мотивационных блоках.
Для отзывов, демонстрации продуктов, каталога лучше использовать фотографии сделанные самостоятельно. Если нет возможности нанять фотографа, берите телефон в руки и снимайте. Смотрите видео на YouTube, читайте полезные статьи и совершенствуйте свои навыки!
Какие изображения содержат наиболее полную и точную информацию о местности?
Как же я не любила в школьное время делать задания на контурным картах. Постоянно получалось что-то кривое, непонятное, с ошибками. Помню, как-то у меня одна река почти что на место другой «переехала». И настолько восхищалась (да и сейчас восхищаюсь) людьми, которые умеют создавать точные карты местности, по которым запросто можно найти нужный объект. Их точность зависит от масштаба: чем он больше, тем меньше мелочей указывается на бумаге. Поэтому самые точные – крупномасштабные карты и планы местности. Тут я всегда путалась, поэтому сейчас постараюсь всё объяснить.
Какими бывают географические карты
По масштабу все изображения местности делят на:
- топографические планы с масштабом не более 1:5000;
- крупномасштабные карты (до 1:50000);
- карты среднего масштаба (до 1:1000000);
- мелкомасштабные карты (все, где масштаб превышает 1:1000000).
Тут я всегда путалась, почему, если значение знаменателя очень большое, карта мелкомасштабная, и наоборот. Так и не найдя для себя никакой логики, я решила смириться и просто запомнить это, как аксиому.
Какие изображения самые точные
Масштаб показывает, сколько см на местности умещено в одном см на бумажном изображении. Соответственно, чем больше число знаменателя в масштабе, тем менее точная такая карта. Поэтому самыми полными всегда были топографические планы. На них наносят даже малозначимые объекты, по которым всё равно можно очень хорошо ориентироваться. Часто такие карты приходится чертить в школе. Ничего сложного в этом нет, нужно всего лишь знать, как обозначаются какие объекты (с чем у меня часто были проблемы). Ещё относительно несложно строить маршрут по крупномасштабной карте, но здесь уже не будет незначительных ориентиров, поэтому нужно больше знаний (и точно пригодится знание азимута и умение пользоваться компасом).
Путешествовать же на маленькие расстояния по мелкомасштабным картам, на мой взгляд, просто невозможно, так как на них не наносят даже среднего размера города (часто указывают только примерное расположение столицы страны). Зато они пригодятся в ориентировочном построении маршрута и изучении рельефа.
Какие изображения можно использовать
В системах KDS PRO, Kiosk PRO, GuestScreen, MenuBoard PRO можно использовать свои изображения для отображения на экранах. Для этого необходимо указать путь к каталогу с изображениями в r_keeper. Для этого перейдите в меню Настройки > Параметры > Установочные > Путь к каталогу с картинками.
Параметр Путь к каталогу с картинками отвечает за путь к каталогу с изображениями, которые можно использовать в системах KDS PRO, Kiosk PRO, MenuBoard PRO и пр.
Для использования своих изображений в системах перейдите в свойства параметра и в поле Строковый укажите путь к папке с медиафайлами: обычно они находятся в папке webdata/assets/dishes/
- Медиафайлы для KDS Pro хранятся в папке, в которую установлен KDS Pro. Выберите папку Front > upload >dishImg.
- Медиафайлы для GuestScreen хранятся в папке, в которую установлен GuestScreen. Выберите папку Front > upload >dishImg.
- Медиафайлы для Menuboard Pro хранятся в папке, в которую установлен MenuBoard Pro. Выберите папку Front > upload >dishImg.
- И так далее.
Если установлено несколько систем, необязательно загружать в каждую папку изображения. Достаточно загрузить картинки блюд в одну папку и использовать ее путь.
Ограничения
- Загружаемые изображения могут быть любого размера — ограничений нет.
- Рекомендуемая длина изображения в пикселях — не выше разрешения экрана клиентов по горизонтали и не ниже 80% этого значения.
- Рекомендуемая высота изображения — не больше выбранной длины.
- Доступные форматы: jpg, jpeg, png, bmp.
Изображения автоматически ужимаются или растягиваются под размер отведенной для них области. Например, прямоугольные фотографии масштабируются с соблюдением пропорций исходной картинки, то есть по отношению длины к высоте. Но если картинка маленькая, то она может быть сильно растянута, из-за чего потеряет качество.
Размер области под картинку зависит от наличия рецепта: если рецепт добавлен, то часть окна резервируется под него и область под картинку будет меньше.
Размер экрана клиентов KDS PRO, GuestScreen и MenuBoard Pro можно менять в настройках, поэтому рекомендуемые размеры картинок в пикселях на таких экранах будут разными:
- Максимальный размер области под картинку без рецепта: 70% длины и 90% высоты размера экрана клиента
- Максимальный размер области под картинку с рецептом: 70% длины и 55% высоты размера экрана.
Какие изображения использовать в интернет-магазине?¶
Не существует строгих ограничений по типу и размеру загружаемых изображений. Однако есть несколько рекомендаций для более корректного отображения контента и быстрой загрузки страницы.
Большие изображения занимают на сервере много места, что потенциально увеличивает плату за хостинг. Кроме того, когда из-за больших изображений сайт долго грузится, пользователь может не дождаться полной загрузки и уйти.
Рекомендуемый размер загружаемых изображений от 300×300 до 600×600 пикселей в зависимости от того, где применяется изображение. Максимальная высота или ширина изображения не должны превышать 3 000 пикселей. Общая рекомендация по весу файла — не более 1-2 Мб, в противном случае могут возникнуть проблемы с изменением размера изображения при работе в панели администратора.
Используйте изображения, оптимизированные для Интернета. На маркетплейсе CS-Cart доступно множество модулей, которые оптимизируют изображения за вас. Если вы пользуетесь облачным хостингом от CS-Cart, то оптимизировать изображения можно в личном кабинете хостинга.
Не обязательно экспериментировать с изображениями в своём интернет-магазине — всегда можно воспользоваться бесплатной онлайн демо-версией магазина CS-Cart.
- Как получить изображение необходимого размера?
- Как изменить размер изображений на витрине?
- Как выбрать формат?
- Какие есть альтернативы привычным форматам?
- Какую графическую библиотеку использовать на сервере?
- Какого размера должно быть изображение логотипа?
- Что еще есть по данной теме?
Как получить изображение необходимого размера?¶
Существует множество онлайн-инструментов для редактирования изображений. Вот некоторые из них:
Вы также можете воспользоваться офлайновыми редакторами, например Adobe Photoshop или GIMP. В Photoshop можно оптимизировать несколько изображений сразу через команду Файл → Сохранить для Web.
Если вы хотите изменить размер детальных изображений товаров во время их загрузки, то вам может пригодиться бесплатный модуль “Размер Детальных Изображений”.
Как изменить размер изображений на витрине?¶
В CS-Cart изображения не отображаются как есть. После загрузки в интернет-магазин фотографии товаров уменьшаются в размере и из них автоматически генерируются иконки. В меню Настройки → Иконки вы можете задавать желаемый размер изображений на разных страницах (каталог, корзина, карточка товара и т. д.).
Мы рекомендуем указывать только один из размеров (ширину или высоту) для каждого типа иконок, иначе иконки станут неоднородными, и на витрине сетка товаров будет неровной.
Как выбрать формат?¶
Существует три распространенных формата файлов, которые используются для публикации изображений в Интернете: JPEG, GIF и PNG. Каждый из них по-разному влияет на изображение.
- Формат JPEG (.jpg). Наиболее распространенный для изображений в Интернете формат. Изображения JPEG можно сильно сжимать без потери качества.
- Формат GIF (.gif). Изображения этого формата имеют более низкое качество по сравнению с JPEG. Формат применяется для иконок, пиктограмм и декоративных изображений. GIF-файлы также поддерживают анимацию.
- Формат PNG (.png). Это альтернатива JPEG и GIF-файлам. PNG поддерживает намного больше цветов, чем GIF. PNG-файлы не теряют своего качества при повторном сохранении, в отличие от JPEG. Однако объём PNG-файла может быть значительно больше файла JPEG.
Вот несколько советов, которые следует помнить при выборе типа файла:
- В большинстве случаев JPEG — оптимальный формат изображений для интернет-магазина.
- Никогда не используйте GIF для больших изображений, т.к. это сильно увеличит размер файла.
- При работе с форматом PNG, будьте осторожны: размер полноцветного изображения формата PNG-24 в три раза больше, чем PNG-8.
- Для сжатия файлов формата PNG может пригодиться сервис Tinypng. Для других форматов можно воспользоваться Image Optimizer.
Какие есть альтернативы привычным форматам?¶
Сейчас для оптимизации сайтов Google рекомендует использовать форматы WebP, JPEG 2000, JPEG XR.
Данные форматы не являются полной заменой JPEG или PNG, так как не все браузеры их поддерживают. Для других браузеров всегда придётся хранить резервные копии изображений в привычных форматах.
Какую графическую библиотеку использовать на сервере?¶
У вас на сервере могут быть разные графические библиотеки: Imagick, GD. Последняя доступнее и есть на всех хостингах. Но мы рекомендуем использовать Imagick, так как производительность и качество изображений после обработки у Imagick лучше.
Какого размера должно быть изображение логотипа?¶
Выбор размера логотипа всегда индивидуален, однако не стоит загружать слишком большие изображения. Например, в демо версии магазина CS-Cart размер логотипа 176х34 пикселя. Размер логотипа на витрине ограничен шириной блока, в котором он находится.
Логотип также отображается в письмах. По умолчанию размер логотипа в письмах не ограничен, поэтому лучше использовать изображение подходящего размера. Но при необходимости вы можете ограничить максимальный размер логотипа в письмах. Для этого на странице Администрирование → Уведомления → Сниппеты → Header замените эту часть кода:
img src=">" alt=">" width=">" height=">" />
img src=">" alt=">" style="max-width: 300px; max-height: 300px;" />
Тогда максимальный размер логотипа в письме будет 300х300 пикселей.
Что еще есть по данной теме?¶
- Иконки
- Управление иконками
- Как изменить размер изображения на витрине
- Что такое баннер
- Как добавить баннер на домашнюю страницу
- Как изменить логотип компании
Содержание
- Установка и переезд
- Администрирование
- О панели администратора
- Быстрый старт
- Внешний вид
- Отдельные правки
- Документы
- Шаблоны email-уведомлений
- Языки
- Макеты
- Логотипы, баннеры, изображения
- Как добавить баннер на домашнюю страницу
- Как рассказать о бесплатной доставке товара
- Какие изображения использовать в интернет-магазине?
- Изображения не загружаются или не импортируются по ссылке
- Управление иконками
- Разработка
- Дизайн
- Обновление CS-Cart
- Часто задаваемые вопросы
- История изменений
Сейчас
- Какие изображения использовать в интернет-магазине?
- Как получить изображение необходимого размера?
- Как изменить размер изображений на витрине?
- Как выбрать формат?
- Какие есть альтернативы привычным форматам?
- Какую графическую библиотеку использовать на сервере?
- Какого размера должно быть изображение логотипа?
- Что еще есть по данной теме?