Как лучше разместить фотографию в качестве фона на сайте?

Question

[Игорь Мамонтов]

В ходе мозгового штурма в качестве концепции для сайта родилась идея разместить картинку на всю страницу сайта. Но возникла проблема с дальнейшей реализацией этой идее уже при разработке сайта.

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

Просто разместить максимально сжатую картинку максимального размера? и скриптом уменьшать фон в зависимости от разрешения?
Разделить фон на несколько слоев и некоторые слои сделать заливкой цветом?

Answer 1

[Rsa97]

Делаете набор картинок для фона так, чтобы края в некоторых пределах можно было обрезать или чтобы края переходили в однотонный фон и с помощью

@media screen and (min-width: ___) and (max-width: ___)

задаёте какое изображение для какого разрешения грузить.

Comments

[Роман Мисюра]

Считаю это правильным решением в данном случае. Я поступил бы также.

Answer 2

[xaja]

Http://kamelia-resort.ru типа так?

Comments

[Игорь Мамонтов]

Да, как вариант.

Answer 3

[Анна Бакурова]

Я бы медиа запросами загружала разные картинки и обязательно сжатые. На телефоне не должна грузится та же картинка что и на компе