Achtergrond niet passend

Hallo,

Ik heb een vraag over de achtergrond van deze website ( HIER ) en zoals jullie kunnen zien is de achtergrond niet groot genoeg om de gehele achtergrond te beslaan.

Nu kan ik dit JPG bestand wel groter maken maar dan worden de kurken alleen nog maar groter en ik vind ze nu eigenlijk al te groot.

Is dit niet op een andere manier op te lossen zodat de achtergrond altijd past op elk scherm?

Dan moet je toch de afbeelding aanpassen denk ik.
Dit zorgt er wel voor dat ie op elk scherm past:

body {
background-attachment: scroll;
background-clip: border-box;
background-color: #997B7B;
background-image: url("../images/style2/bg.jpg");
background-origin: padding-box;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
}

Hoi Astrid,

Ik heb je bovenstaande code ook even gebruikt maar daarmee blijft het probleem bestaan en ik zal dus waarschijnlijk de JPG moeten vergroten (of wat is het voordeel als ik de CSS aanpas met jou gegevens?)

En wat is een gebruikelijke maat om de achtergrond te geven zodat hij in 99% van de schermen past?

Ten eerste krijg je met die aanpassing niet meer dat je afbeelding zich herhaalt bij grotere schermen en ten tweede past ie zich nu aan aan de grootte van het scherm. Dat is toch wat je wilde? En als die kurken te groot zijn dan zal je op zoek moeten gaan naar een andere foto of flink photoshoppen!

Ik kan me niet voorstellen dat ik het goed doe.

Ik heb nu een achtergrond met de maten 6667x8000 pixels en het is volgens mij passend maar is dit niet een beetje overdreven groot?

Veel te groot. Kan je op een flatscreen tv nog goed laten zien zo, maar zal de snelheid van je site niet ten goede komen.

Nog 1 laatste vraagje:

Ik heb hem nu op 1500/1500 gemaakt maar ik weet niet of dat een "normale" maat is en of hij nu op alle schermen vullend is?

Welke maat kan ik volgens jou het beste aanhouden (in cobinatie met de CSS welke je eerder opgaf)?

google eens op beeldschermresoluties bijvoorbeeld. Of kijk in google analytics van een andere site (neem aan dat je er meer hebt) naar de resoluties van je bezoekers.
Breedte moet volgens mij altijd groter zijn dan hoogte. Verschilt ook nog, maar verhouding 4/3 lijkt me redelijk goed.