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

Изображения являются одним из самых разочаровывающих аспектов чувствительных веб-сайтов, особенно изображений баннера / полной ширины. Это то, что, скорее всего, сломается. Или не отображается правильно на экране. Почему это происходит? Чтобы понять это, мы объясним, что значит для вашего сайта быть отзывчивым. (Подробнее см. Ниже: Это отличный сайт советника. )

Ключ к тому, чтобы быть отзывчивым

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

Ниже я привел несколько рекомендаций для вас, когда вы выбираете баннеры для реагирования на изображения с помощью веб-сайтов Advisor.

Как выбрать баннеры для ответственных веб-сайтов

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

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

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

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

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

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

. Эта статья была написана Шахином Махани и впервые появилась на сайтах советника.