Hallo allemaal,

Ik ben bezig met een nieuwe website, en wil nu een foto over de hele achtergrond.
Nu heb ik een foto van 4000x3000 pixels. Maar ik vroeg mij af of het verstandig is om zo'n grote foto wel te gebruiken.

Wat raden jullie mij aan, hoe groot moet ik de foto maken??

Alvast bedankt voor jullie reacties.


Met vriendelijke groet,

Patrick

Ik denk dat wanneer je de foto halveert, alsnog een mooie achtergrond overhoudt. Ik weet niet precies wat voor achtergrond het is, maar mocht het bijvoorbeeld eenzelfde pattern zijn die die steeds wordt herhaald, dan zou ik slechts een paar pixels van de achtergrond pakken en deze laten herhalen.

Origineel gepost door Jos van Marrewijk

Ik denk dat wanneer je de foto halveert, alsnog een mooie achtergrond overhoudt. Ik weet niet precies wat voor achtergrond het is, maar mocht het bijvoorbeeld eenzelfde pattern zijn die die steeds wordt herhaald, dan zou ik slechts een paar pixels van de achtergrond pakken en deze laten herhalen.

Het gaat hier om een "echte" foto.

Naast het feit dat de laadtijd erg lang is, zorgt het bij een doorsnee gebruiker met een doorsnee computer ook voor traagheid met scrollen etc. Dan klikken bezoekers hem gauw weg.

Probeer hem zo veel mogelijk te comprimeren in een lage JPEG kwaliteit (zonder dat je veel verschil zit).
En/of: doe er een pattern overheen zodat de korreligheid gemaskeerd wordt, zoals ik bijvoorbeeld doe op m'n eigen profielpagina: http://www.benboogaardt.nl/

Origineel gepost door Ben Boogaardt

Naast het feit dat de laadtijd erg lang is, zorgt het bij een doorsnee gebruiker met een doorsnee computer ook voor traagheid met scrollen etc. Dan klikken bezoekers hem gauw weg.

Probeer hem zo veel mogelijk te comprimeren in een lage JPEG kwaliteit (zonder dat je veel verschil zit).
En/of: doe er een pattern overheen zodat de korreligheid gemaskeerd wordt, zoals ik bijvoorbeeld doe op m'n eigen profielpagina: http://www.benboogaardt.nl/

Ik wil mijn website juist zo snel mogelijk houden. Nu zie ik allemaal websites die ook een foto op de achtergrond hebben. Maar niet echt super grote maten heeft. Zoals die van jouw is 1920x1200. Dus daarom vraag ik me af, wat nou de beste maat is.

Vrij lage resolutie. maximaal 1920x1080, misschien kleiner(1680x1050 oid), en laten uitrekken/meeschalen in de css.

Scheelt aantal KB, en met beetje leuke foto zal je tijdens het uitrekken weinig merken.
En zoals Ben zei evt. een pattern eroverheen.

4000x3000 is m.i. veel te groot. Er zijn slechts enkelen die een resolutie groter dan 1920*xxx hebben. Laat het afhangen van je doelgroep. Meestal is 1950 breed en 1100 hoog voldoende. Bedenk wel dat als je een 4000 bij 3000 afbeelding gebruikt, de doorsnee gebruiker slechts een kleine uitsnede van die foto ziet.

Misschien is het nog wel het best om het mee te laten rekken met het scherm, waar je een 1000-2000 pixel brede afbeelding neemt en die aan laat passen aan de breedte en hoogte van het scherm (zie mijn website) d.m.v. javascript.

De bestandsgrootte van een foto neemt bij verkleinen kwadratisch af (lengte én breedte). Een paar honderd pixels smaller kan zo de helft van de grootte schelen.

Oké, ik had al begrepen dat 4000 pixels breed wel veel was, daarom stelde ik de vraag.

Ik heb hem nu op 1920x1280 gemaakt. Hij is 417kb.

Bedankt voor jullie hulp! :)

En niet te vergeten dat de resolutie niets zegt over de venster-afmetingen van de webbrowser.