Hoe groot moeten afbeeldingen zijn voor mijn website?

Pixels

Om een afbeelding scherp te kunnen tonen op je website, moet hij groot genoeg zijn. Het formaat van een digitale afbeelding wordt uitgedrukt in pixels. Op plaatsen waar je een afbeelding kan uploaden, worden de minimale pixels altijd aangegeven.

Voor kleinere afbeeldingen, vragen we meestal een minimale breedte van 640 pixels en een minimale hoogte van 480 pixels. 

Banners worden een stuk groter getoond. Daarvoor vragen we een minimale breedte van 1920 pixels.

Wat met de DPI instellingen?

DPI (dots per inch) is een instelling van een digitaal afbeeldingsbestand dat gebruikt wordt om pixels om te zetten naar een fysieke maat (centimeter, inch, ...). Ter illustratie: een afbeelding met een breedte van 1200 pixels met een DPI van 300, zal uitkomen op een breedte 4 inch wanneer hij wordt afgedrukt.

Deze berekening hoeft op een scherm niet gemaakt te worden, omdat schermen enkel werken met pixels. Toch bestaat er nog de aanname dat afbeeldingen opgeslagen moeten worden in 72 DPI voor het web. Dit is een misconceptie die voorkomt uit het feit dat vroeger schermen effectief ook 72 pixels per inch toonden. Een foto printen op 72 DPI resulteerde dus in exact dezelfde grootte als de afbeelding op je scherm. Met de verscheidenheid aan schermen en formaten die er vandaag gebruikt worden, is dit cijfer irrelevant geworden. 

In het kort: DPI instellingen hebben geen invloed op hoe de afbeelding op het web getoond wordt, enkel pixels zijn van belang!

• Related Articles

• Richtlijnen voor afbeeldingen op je website

  Er zijn verschillende aspecten aan een website die impact hebben op de performantie, waarvan afbeeldingen een van de grootste zijn, vanwege hun bestandsgrootte. Om de grootte te beperken, maak je een afweging van kwaliteit versus performantie. ...

• Afbeeldingen verkleinen voor websites

  Op een website is het aan te raden om de afbeeldingen zo klein mogelijk te integreren in het CMS. Websitesnelheid is namelijk een belangrijke ranking factor.  Om afbeeldingen te optimaliseren voor websites kan je deze tool gebruiken:  ...

• Dé truc om jouw afbeeldingen websiteproof te maken

  Afbeeldingen op een website dienen aan twee vereisten te voldoen: Ze moeten kwalitatief zijn. Je wil immers een goede indruk nalaten bij je bezoekers. De bestandsgrootte mag niet te groot zijn omdat dit de laadtijd van je website negatief beïnvloedt. ...

• DNS records instellen voor je Sitemanager website

  Om je Sitemanager website LIVE te zetten moeten er 2 DNS records ingesteld te worden in het DNS controlepaneel. Indien wij je domeinnaam in beheer hebben doen wij dit uiteraard. Indien je domeinnaam via een externe partner in beheer is dien je ...

• Extra e-mailadressen voor je Exchange mailbox

  Aan je Exchange mailbox kan je meerdere, alternatieve e-mailadressen koppelen met dezelfde domeinnaam. Dit zijn interne mail aliassen, intern omdat de doorverwijzing binnen dezelfde domeinnaam gebeurt. Wil je de mails doorsturen naar een ander ...