Изображение 5000х5000 pix, как сделать из него универсальный фон?

Question

[WINDOWS2066]

... Что был оптимизировался под все дисплеи. Прикрутить нужно к пустой странице index.htm

Comments

[Юрий Лобанов]

Автор, где реакция? Среди вариантов есть правильные ответы.

Answer 1

[Alexander Mischuk]

Сделать несколько вариантов фонов и грузить нужный фон для опредленных разрешений.

Answer 2

[WINDOWS2066]

Актуально

Answer 3

[Руслан]

Думаю надо не 5к на 5к, а 16:9 и max-widh:100%; ну и в @media пошаманить. Точно чтобы влезло наврядли получится, низ полюбому будет на некоторых разрешениях уходить.

Answer 4

[Иван Беленков]

Вам необходимо воспользоваться свойством background-size:

.some-element {
    background-image: url('...');
    background-pozition: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

Для поддержки старых браузеров используйте полифилы. И желательно использовать картинки меньших разрешений для маленьких экранов(например с помощью media-queries или js).

Answer 5

[Дмитрий Пыркин]

background-size: cover или background-size: contain

Answer 6

[Алексей Павлов]

Попробуйте BigVideo.js
Библиотека для размещения фонового видео, но умеет и картинки размещать.
Есть и обзор на хабре.