Оптимальный размер фонового изображения для лендинга

191
30 марта 2018, 10:53

Есть Лендинг, какого размера должно быть фоновое изображение, чтобы красиво смотрелось на всех экранах устройств, чтобы сильно не увеличивалось и не расплывалось.

Answer 1

Если у вас не требуеться поддерживать IE я бы рекомедовал использовать тег picture. С помощью него можно будет задать несколько размеров отдного и того-же изображения. После чего этот тег с помощю css сделать ввиде фона. После того как подготовите графику по размерам рекомендую воспользоваться сервисом TinyPng. Ключевые размеры экранов я бы брал (1920, 1280, 1024, 768 и 576px).

Answer 2

Советую сделать на весь экран с соотношением 16:9.

READ ALSO
Насколько нужны автопрефиксы типа webkit- в сетке bootstrap4

Насколько нужны автопрефиксы типа webkit- в сетке bootstrap4

Собирала себе болванку для кастомизации сетки bootstrap4После сравнения с исходником bootstrap-grid

229
Как сделать такие соц. иконки?

Как сделать такие соц. иконки?

Я пытаюсь сделать через шрифтНе получается четко поставить иконку в центр рамки

217
помогите сделать такой переключатель ?

помогите сделать такой переключатель ?

подскажите как сверстать такой переключатель ?

231
Почему не срабатывает min-width?

Почему не срабатывает min-width?

Сайт - для нормального отображения на планшетах через media установил min-width: 1200px (по максимальной ширине контента)В итоге сайт будто приближен...

222