@smiof

Размер фонового изображения какой нужен?

Мне веб дизайнер сбросил макет в 1024 и все фоновые изображения в этом расширении и сегодня от закащика пришли запросы, что на больших экранах изображение уменьшается качество.
это проблема дизайнера?
Мне просто дизайнер говорит, что никогда таких проблем не было с другими проектами.
background-image: url('------')
background-size: cover;
background-repeat: no-repeat;
overflow: hidden
width: 100%
  • Вопрос задан
  • 293 просмотра
Решения вопроса 2
werty1001
@werty1001
undefined
Да, это проблема дизайнера, обычно рисуют для Full HD (1920px). А фоны какие? Если простые с паттерном, то конечно нужно вырезать только его и repeat указать, а если сложные то уже пусть дизайнер делает.
Ответ написан
Комментировать
m77x
@m77x
Консультант
разный под разное разрешение и в CSS чаще всего делается так:
@media (min-width: 768px) {
body {
background-image: url (одна картинка);
background-size: cover;
background-repeat: no-repeat;
overflow: hidden
width: 100% }
}
@media (min-width: 1200px) {
body {
background-image: url (другая картинка);
background-size: cover;
background-repeat: no-repeat;
overflow: hidden
width: 100% }
}


ну если совсем туго - поставьте overlay (перекрывайте просто цветом через rgba)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы