Hoeveel pixels is een gemiddelde website achtergrond.

[SirJohn]

Sorry dat ik op deze manier jullie aandacht moet trekken.
Maar nu je er toch bent vroeg ik mij af hoeveel pixels een gemiddelde website achtergrond heeft.

Weight:
Height:

 

[fritzi]

Daar is deze website voor bedoeld

De meeste beeldschermen zijn 1024x768. Het is aan te raden om bij het maken van je achtergrond ook rekening te houden met schermen die kleiner zijn (800x600) en groter (1280x1024 en meer).

 

[SirJohn]

ja inderdaad dat is dus ook een probleem waar ik mee zit.
Enig idee hoe ik dit dan het beste kan oplossen?

 

[crash]

Je had inderdaad mijn aandacht, echter om de vreemde titel. Deze dus aangepast.

 

[SirJohn]

Je had inderdaad mijn aandacht, echter om de vreemde titel. Deze dus aangepast.

Misschien heb je dan ook gelijk een oplossing voor mijn vraag nu je hier toch bezig ben?

 

[fritzi]

Er zijn vele mogelijkheden:
- optimaliseren voor 1024, en het beeld uitfaden naar een effen kleur zodat het er op grote schermen ook goed uitziet. En checken of het op 800 acceptabel is.
- achtergrondpatroon gebruiken dat zichzelf herhaalt.
- versies maken voor verschillende beeldresoluties, en via scripting de juiste voorschotelen.

 

[crash]

Nee, anders had ik die er wel meteen bij gezet bij mijn bericht.

 

[SirJohn]

Er zijn vele mogelijkheden:
- optimaliseren voor 1024, en het beeld uitfaden naar een effen kleur zodat het er op grote schermen ook goed uitziet. En checken of het op 800 acceptabel is.
- achtergrondpatroon gebruiken dat zichzelf herhaalt.
- versies maken voor verschillende beeldresoluties, en via scripting de juiste voorschotelen.

Bestaat er geen script die dit zelf controleert?

 

[fritzi]

Ja, je kan via een script de beeldschermresolutie checken. Maar als je achtergrondfoto's gebruikt moeten die gemaakt worden in verschillende maten.

 

[PCMario]

<script language="Javascript"><!-- 
// for NN4/IE4 
if (self.screen) {      
        width = screen.width 
        height = screen.height 
} 
// for NN3 w/Java 
else if (self.java) {    
       var javakit = java.awt.Toolkit.getDefaultToolkit(); 
       var scrsize = javakit.getScreenSize();        
       width = scrsize.width; 
       height = scrsize.height; 
} 
else { 
// N2, E3, N3 w/o Java (Opera and WebTV) 
width = height = '?' 
} 
document.write("Uw scherm resolutie staat op: "+ width +"×"+ height)
//Achtergrondje
If (width = 800) {} Else {}
//--> 
</script>

Bron

Nu nog even via een script een ander achtergrond laten selecteren als je een bepaalde grootte hebt en je bent klaar


Ik heb het anders opgelost op mijn website, ik rek namelijk de afbeelding uit
Zie code

<style> 
	body {
		margin: 0;
		padding: 0;
	}	
	img.bg {
		z-index: -9000;
		width: 100%;
		height: 100%;
		position: fixed;
	}
	div.site {
		position: absolute;
	}
	</style> 

<img src="2009-04.jpg" border="0" class="bg" /> 
<div class="site"> 
<br>TEST overige tekst
</div>