Designing for High-resolution Retina displays
ons Boston creative design agency werkt aan veel herontwerpen van websites. Voor al onze projecten willen we ervoor zorgen dat onze klanten hoogwaardige graphics ontvangen die er duidelijk en professioneel uitzien. Dus, we optimaliseren beelden voor de hoge resolutie retina scherm displays. Deze zijn populair geworden in de afgelopen jaren, met name met de meeste producten van Apple.
Pixels en resolutie
afbeeldingen op een scherm zijn gemaakt van gekleurde vierkanten die pixels worden genoemd. De resolutie of helderheid van een afbeelding wordt gedefinieerd door het aantal pixels in de breedte en hoogte van het scherm.
Netvliesschermen geven kleinere en kleinere pixels weer dan standaardschermen. Ze hebben ook twee keer zoveel pixels nodig om dezelfde beeldkwaliteit weer te geven als een standaardscherm. Dit resulteert in een hogere resolutie en beelden van hogere kwaliteit. Zie onderstaande afbeeldingen om dit te illustreren:
ontwerpen voor Retina-displays
Rasterresolutie
hoewel de richtlijn voor ontwerpen met standaard displays 72 pixels per inch is, is de aanbeveling voor retina-optimalisatie 200ppi. Een afbeelding met een lagere resolutie wordt wazig of pixelvormig weergegeven. Afbeeldingen met lage resolutie zijn moeilijk om mee te werken en maken het werk onprofessioneel of slordig lijken.
vectorafbeeldingen
indien mogelijk raden onze grafisch ontwerpers u aan deze te gebruiken .svg bestanden voor afbeeldingen op het web, voor pictogrammen en knoppen bijvoorbeeld. Dat zijn vectorbestanden, resolutie onafhankelijk, ziet er helder uit op elk scherm, en zijn klein in Bestandsgrootte.
voordat u commit naar een afbeelding voor het web, moet u controleren of de resolutie groot genoeg is om de grootte te bereiken waarop het zal worden gereproduceerd. Ontwerpen voor Retina schermen is een must om ervoor te zorgen dat al het werk ziet er professioneel en gepolijst.