Je neemt fantastische foto’s voor je website. Met je smartphone, of met een hele goede camera. Of wie weet laat je ze wel nemen door een professionele fotograaf! Eender hoe, die foto’s kan je niet zomaar op je website gebruiken…. Hier geef ik enkele tips zodat je er wel mee aan de slag kan!
Hoe groot is jouw foto?
De grootte van een foto of een bestand, drukken we uit in “kilobytes (KB)”, “megabytes (MB)” of zelfs “gigabytes (GB)”.
Idealiter is een foto voor een website niet groter dan 100 KB. En dat is écht niet veel!
Wanneer je met een smartphone een foto neemt, heb je al gauw een bestand van 11 MB, dat is ongeveer 11.264 KB!
Een foto van je smartphone is dus veel te ‘groot’ om rechtstreeks op je website te plaatsen. Het zou veel te lang duren voor hij op het scherm van je bezoeker staat. Je hebt ze vast al gezien, website waar de foto’s in stukjes te voorschijn komen. Absoluut niet aangenaam om naar te kijken!
Hoe kan je zien hoe groot je foto is?
Dit kan je zien in de verkenner of via de eigenschappen van je foto.
Waarom zijn jouw foto’s zo groot?
Wanneer je een ‘goede’ foto neemt, gebruik je hiervoor een fototoestel met hoge resolutie. Dat is vooral belangrijk wanneer je je foto op een groot doek wil laten afdrukken om in je living te hangen. Of wanneer je er je eigen behangpapier van wil laten maken. (Of wanneer je je foto op een creatieve manier in het interieur van je zaak wil gebruiken!)
Maar voor op je website, is dat helemaal niet nodig. Voor op je website heb je lang genoeg met een resolutie van 72 dpi. En dat is helemaal niet veel! Met die kwaliteit kan je een foto niet in het groot laten afdrukken. Daarom zijn de foto’s die je neemt altijd extreem groot. Want: verkleinen kan altijd. Maar vergroten niet…
Waarom mag je foto niet te zwaar zijn?
Elke foto die jij op je website plaatst, moet over de internet-verbinding naar je bezoeker worden gestuurd. Gelukkig hebben we tegenwoordig allemaal een snelle verbinding! Maar wanneer je foto’s heel groot zijn, duurt het enkele seconden voor ze allemaal op het scherm van je bezoeker staan. En wachten is voor niemand leuk!
Let op de afmeting van je afbeelding
Een doorsnee desktop-scherm is tegenwoordig 1920 pixels breed en 1080 pixels hoog.
Je afbeelding moet dus zeker niet groter zijn, want dan moet je website de afbeelding zelf gaan verkleinen en dat leidt meestal tot kwaliteitsverlies of rare dingen.
Een afbeelding is al gauw 11.000 pixels breed. Véél te breed dus voor een gewoon computerscherm! Hoe groot maak je je afbeelding dan best?
- Als je een afbeelding als achtergrond wil gebruiken, is 1920 pixels zeker goed.
- Wil je de afbeelding gewoon in de tekst plaatsen, dan maak ik ze meestal 800 pixels breed.
- Gaat het over tumbnails of kleine afbeeldingen die nooit op de volledige breedte van zelfs een smartphone moeten getoond worden, dan durf ik naar 350 pixels te gaan.
Hoe kan je je foto’s verkleinen?
Je kan hiervoor fotobewerkingsprogramma’s gebruiken zoals Photoshop. Maar gelukkig bestaan er ook alternatieven!
Bijvoorbeeld Squoosh.app. Hiermee kan je zowel de afmetingen als de kwaliteit van je afbeelding bewerken. Ik gebruik meestal methode “Browser high quality” en pas dan de afmetingen aan zoals ze het beste op de website passen.
Je kan met Squoosh meteen het voor- en na-effect zien.
Liever simpeler?
Wil je liever niet nadenken over de afmetingen van je foto, maar wil je wel dat het aantal MB/GB naar beneden gaat? Dat kan je eenvoudig via de website https://tinypng.com/. Gewoon foto uploaden en tinypng doet de rest.
Veel succes ermee!
