>> как сделать чтоб изображение было размером под сайт(шапку сайта)??
background-image: url(/public/background/1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;самый гибкий вариант, заставить браузер самостоятельно подгонять картинку под размер блока, независимо от экрана
при этом даже если начать сжимать или растягивать экран(окно) он будет перестраивать картинку, неизменно центрируя ее как указано в css