а что мешает загрузить просто большой рисунок. выбрать не повторять и размещение по центру. в зависимости от ширины дисплея рисунок сам вроде будет растягиваться или скукоживаться.
При размещении по центру он позиционируется по центру вверху. Если рисунок меньше, чем разрешение экрана у пользователя, то сайт растянется на ширину разрешения, а рисунок останется. А насколько большим надо делать этот рисунок? Тема адаптивная, хотелось бы что б фон тоже был адаптивным.
я обычно 1950х1080 использую.
тема-то понятно, что аддаптивная, но как вы представляете себе рисунок, который по сути «приклеен» к краям экрана? это же некрасиво. обычно ставится большая картинка и она уменьшается в зависимости от ширины по горизонтали монитора.
Если поставить фон с таким расширением и открыть такую страницу с телефона, то в итоге увидим не весь фон, а часть. Тоесть картинка не уменьшается. Понять что там изображено не реально.
думаете кому-то с мобильника есть реальное дело что изображено на фоне?)
у меня на сайтах где-то не выводится вовсе. где-то кусок рисунка. но пока вы не подняли такую тему на это никогда не обращал внимания. да никто и не спрашивал подобного.
В идеале, хотелось бы иметь возможность растягивать рисунок фона на весь экран в один клик.
Про один клик не знаю, но для этого есть css-свойство background-size:
cover
Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain
Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.