Woordenlijst · Formaten
Retina
Schermen met hoge pixeldichtheid; om een afbeelding er scherp op te laten zien gebruik je een versie met de dubbele resolutie.
In detail
Op een retinascherm (of scherm met “hoge dichtheid”) wordt elke ontwerppixel getekend met 2 of meer echte pixels. Een afbeelding van 300×250 pixels ziet er wazig uit als je die over die ruimte uitrekt, dus maak je een versie van 600×500 die je verkleind toont als 300×250.
De prijs is het gewicht: een afbeelding met dubbele resolutie weegt een stuk meer. Gebruik daarom in HTML5 waar het kan tekst en vectorvormen (SVG), en bewaar grote afbeeldingen voor waar ze echt nodig zijn.
Voorbeeld
Een foto van 600×500 getoond met width: 300px voor een banner van 300×250.
Gerelateerde termen
Waar het voorkomt
Hoe je een HTML5-banner voorbereidt voor de ad serverGidsBannerformaten, uitgelegdGidsZet de termen in de praktijk.
Probeer het met een echte campagne.