Сделать баннеры и картинки адаптивными, что бы картинки не обрезались на мобильных версиях.
Адаптивный баннер на главной во всю ширину без "обрезаний" при уменьшении ширины
Мы используем баннер на главной во всю ширину, но не делаем его композитным (состоящим из нескольких изображений), как в примерах на демо-сайте, а всё помещаем на фон. Но сейчас баннер сделан так, что при уменьшении экрана часть баннера "обрезается" как сверху и снизу, так и по бокам.
Я хотел бы добиться эффекта примерно как на https://dodopizza.ru/, то есть чтобы фоновое изображение не обрезалось бы при уменьшении экрана, а масштабировалось бы, занимая всю ширину. Чтобы можно было использовать всё ширину и высоту баннера, не опасаясь, что она будет не видна на некоторых экранах.
Мне кажется, что это очень популярный вариант использования баннеров. Ваши композитные по-умолчанию хороши, но ставить задачу на них дизайнерам трудно. Наши клиенты хотят именно такой вариант.
При этом мы пользуемся отдельной версией баннера для мобильных устройств. Я говорю о поведении фона баннера до перехода к показу этой мобильной версии (или на всех ширинах, если мобильной версии баннера нет).
Добрый день. Вопрос 5 месяцев в рассмотрении. Можно узнать, когда по нему будет принято решение? Есть какой-то регламент обработки обращений?
Добрый день. Вопрос 5 месяцев в рассмотрении. Можно узнать, когда по нему будет принято решение? Есть какой-то регламент обработки обращений?
Для баннера во всю ширину конечно может и вопрос возникнуть в реализации, а вот иметь такую возможность для баннера на ширину тела сайта было бы хорошо. У нас очень многие клиенты хотят видеть обычный не составной баннер
Для баннера во всю ширину конечно может и вопрос возникнуть в реализации, а вот иметь такую возможность для баннера на ширину тела сайта было бы хорошо. У нас очень многие клиенты хотят видеть обычный не составной баннер
Я очень давно, на ранних стадиях предлагал сменить сам плагин слайдера на более гибкий, где можно кастомно в js вносить настройки. Ответ: у нас нет такое в планах. Кстати, туда же мой тикет по поводу подложки для фона.
Я за этот пост.
Я очень давно, на ранних стадиях предлагал сменить сам плагин слайдера на более гибкий, где можно кастомно в js вносить настройки. Ответ: у нас нет такое в планах. Кстати, туда же мой тикет по поводу подложки для фона.
Я за этот пост.
Поддерживаю!
Поддерживаю!
Пару недель назад обращался с аналогичным вопросом в поддержку Аспро - сказали, что могут реализовать это на платной основе в индивидуальном порядке. Но тут я вижу, что данная проблема и запрос не только у меня. Поддерживаю обеими руками!
Пару недель назад обращался с аналогичным вопросом в поддержку Аспро - сказали, что могут реализовать это на платной основе в индивидуальном порядке. Но тут я вижу, что данная проблема и запрос не только у меня. Поддерживаю обеими руками!
Здравствуйте! Спасибо за обратную связь. Понимаем, что пользователи привыкли к стандартному размещению баннеров, но оно не универсально, так как при масштабировании в мобильной версии баннеры будут слишком узкими, и текст будет менее читабельным. Если бы пропорции изображения сохранялись на меньших разрешениях, то изображение потеряло бы вид и удобочитаемость: http://joxi.ru/ZrJZyZlHMNE5Vr. Поэтому мы создали компоновку баннера по такому принципу. Таким образом баннеры корректно отображаются на всех устройствах, но только при условии соблюдения безопасной зоны.
Вам необходимо поместить важную информацию в безопасную зону. Тогда изображение не будет обрезаться, а будет корректно адаптироваться, при этом центрироваться. Это самый оптимальный вариант, чтобы баннеры отображались корректно и на смартфонах, и на планшетах, и на десктопах. Даже на сайтах крупных компаний соблюдается безопасная зона:
М. Видео — http://joxi.ru/n2Yo3gWFZDye5r;
Ozon — http://joxi.ru/823aR6McD3On4r.
Здравствуйте! Спасибо за обратную связь. Понимаем, что пользователи привыкли к стандартному размещению баннеров, но оно не универсально, так как при масштабировании в мобильной версии баннеры будут слишком узкими, и текст будет менее читабельным. Если бы пропорции изображения сохранялись на меньших разрешениях, то изображение потеряло бы вид и удобочитаемость: http://joxi.ru/ZrJZyZlHMNE5Vr. Поэтому мы создали компоновку баннера по такому принципу. Таким образом баннеры корректно отображаются на всех устройствах, но только при условии соблюдения безопасной зоны.
Вам необходимо поместить важную информацию в безопасную зону. Тогда изображение не будет обрезаться, а будет корректно адаптироваться, при этом центрироваться. Это самый оптимальный вариант, чтобы баннеры отображались корректно и на смартфонах, и на планшетах, и на десктопах. Даже на сайтах крупных компаний соблюдается безопасная зона:
М. Видео — http://joxi.ru/n2Yo3gWFZDye5r;
Ozon — http://joxi.ru/823aR6McD3On4r.
Добрый день!
С учётом возможности делать отдельный вариант баннера для мобильных, масштабируемый необрезанный баннер будет нормально отображаться везде. И мы говорим не о том композитном баннере, который Вы демонстрируете, а о баннере ТОЛЬКО с задним фоном, который гораздо удобней делать, и который позволяет гораздо лучше использовать место, решать дизайнерские задачи. Именно его хотят клиенты, потому что с ним просто работать.
Прошу Вас вернуться к рассмотрению этого вопроса. Вы отвечаете не на предложение, а описываете текущую ситуацию, которая ясна.
Добрый день!
С учётом возможности делать отдельный вариант баннера для мобильных, масштабируемый необрезанный баннер будет нормально отображаться везде. И мы говорим не о том композитном баннере, который Вы демонстрируете, а о баннере ТОЛЬКО с задним фоном, который гораздо удобней делать, и который позволяет гораздо лучше использовать место, решать дизайнерские задачи. Именно его хотят клиенты, потому что с ним просто работать.
Прошу Вас вернуться к рассмотрению этого вопроса. Вы отвечаете не на предложение, а описываете текущую ситуацию, которая ясна.
Поддерживаю, на больших экранах баннер с безопасной зоной выглядит мягко говоря пустым. Просим адаптивность!
Поддерживаю, на больших экранах баннер с безопасной зоной выглядит мягко говоря пустым. Просим адаптивность!
Комментарии на данной страницы заблокированы!