Achtergrond

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Peter  paul

peter paul

09/04/2015 18:30:14
Quote Anchor link
Ik ben niet thuis in de wereld van webdesign vandaar ook mijn vraag. ik liep tegen de volgende achtergrond aan http://themeforest.net/theme_previews/3295653-sevent-psd-template?index=4&url_name=sevent-psd-template.

Het lijkt me dat je een achtergrond als deze niet gewoon kan repeaten, dat zie je. Maar hoe kan het dan wel? een hele grote image dat brengt natuurlijk weer langere laad tijden met zich mee.
 
PHP hulp

PHP hulp

18/05/2021 18:38:07
 
Jeroen VD

Jeroen VD

09/04/2015 18:49:49
Quote Anchor link
Ik snap niet wat je vraag is?
 
Eddy E

Eddy E

09/04/2015 20:49:47
Quote Anchor link
De vraag die er staat is: "Maar hoe kan het dan wel?"
Daarvoor zegt hij dat hij niet kan repeaten herhalen.

Dus zal het wel een grote afbeelding zijn. Een JPG van 2500x2000 pixels met een kwaliteit van de 60% hoeft niet eens heel groot te zijn. En het is 1x een HTTP-request die daarna vanuit de cache komt.
Dus dat hoeft geen enkel probleem te zijn.
Snelheid is vaak niet zo zeer het probleem (wie zit er nog op minder dan 10 Mbit?)
Een grote hoeveelheid HTTP-request is trager. Daarom zijn 'sprites' ook zo in ;).

Voorbeeld: http://www.passion-for-excellence.com/
Eerste keer inladen duurt hier 1,4 seconden.

Dat is echt niet lang.
Meer voorbeelden: http://line25.com/articles/25-web-designs-with-full-page-background-photos



Ander goed voorbeeld: http://www.owlconcept.com/
Die gebruikt http://www.owlconcept.com/images/forest.jpg als achtergrond (stretched) wat echt geen probleem is. Afbeelding is bijna 500 kb....
Dat is best aardig, maar als je het echt nodig hebt: doen!
Maar het kan natuurlijk altijd zonder ;).
Gewijzigd op 09/04/2015 20:58:29 door Eddy E
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.