Foto’s, afbeeldingen en video bestanden kunnen niet ontbreken op je website. Op deze pagina leggen we uit waar je aan moet denken als je foto’s, afbeeldingen en video bestanden wilt gaan gebruiken. Daarnaast leggen we kort de meest gebruikte bestandsformaten uit.
Upload geen afbeeldingen die groter zijn dan ze op de website worden gebruikt
We zien op veel websites problemen met afbeeldingen. Vaak staan er veel te grote bestanden op de website, bijvoorbeeld een foto van 4000 x 3000 pixels.
Aangezien Google ook kijkt naar de snelheid van een website is het belangrijk dat foto’s, afbeeldingen en video bestanden de snelheid van de website niet beperken.
De meeste websites tonen een foto nooit breder van 1320 pixels breed. Grotere afbeeldingen zijn dus niet nodig (behalve in een paginabrede slider of achtergrond). WordPress slaat grote foto’s wel op, maar maakt meteen een set van kleinere afbeeldingen van de originele foto.
De 4000 x 3000 pixel afbeeldingen staan dus ongebruikt op de hostingserver. Na een aantal jaren heeft de eindgebruiker een enorme berg ongebruikte afbeeldingen die veel serverruimte innemen. Dit maakt het bijna onmogelijk om een backup te maken of de website bijvoorbeeld te verhuizen.
Dus de ‘container’ van de website is in Bootstrap v5 (klik hier voor meer informatie over de ‘container’) maximaal 1320px breed. Gebruik je een foto die de halve container bestrijkt dan hoeft deze nooit groter te zijn dan (1320/2=) 660 pixels.
Gebruik geen bestanden met een CMYK kleuren modus
Bij grafisch ontwerp voor drukwerk gebruik je foto’s en afbeeldingen in CMYK kleuren. Vanwege het beperkte CMYK kleurenspectrum raden we bij het maken van een ontwerp voor een website altijd RGB aan. Dat kan ook in Illustrator en Indesign. Veel fotografen leveren hun foto’s al in RGB aan. Deze hoef je dan niet meer aan te passen. Je zult zien dat de kleuren van foto’s in RGB veel meer sprankelen. Lees hier meer over kleuren.
Lever altijd alle originele afbeelden en foto’s aan bij je websitebouwer
Wij maakten meerdere keren zelf mee dat een klant veel geld uitgaf aan het maken van foto’s, maar dat wij niet de originele afbeeldingen ontvingen. In plaats daarvan moesten we de afbeeldingen uit een aangeleverde PDF halen. Erg zonde, want met originele afbeeldingen en foto’s bereik je een mooier resultaat.
Lever overigens wel alleen de afbeeldingen en foto’s die je wilt gebruiken aan. Het is voor een websitebouwer lastig om de juiste foto’s te moeten zoeken uit een gigantische WeTransfer link met heel veel mappen.
(De logo’s hieronder van de diverse bestandstypen zijn overigens niet door ons gemaakt maar zijn de originele logo’s van het bestandstype, dus…)
