designa för högupplösta Retina-skärmar
vår Boston creative design agency arbetar med många webbplatsdesign. För alla våra projekt vill vi se till att våra kunder får kvalitetsgrafik som ser tydlig och professionell ut. Så vi optimerar bilder för högupplösta retina-skärmar. Dessa har blivit populära de senaste åren, särskilt med de flesta av Apples produkter.
pixlar och upplösning
bilder på en skärm är gjorda av färgade rutor som kallas pixlar. Upplösningen eller klarheten för en bild definieras av antalet pixlar över skärmens bredd och höjd.
Retina-skärmar visar mindre och närmare pixlar än vanliga skärmar. De kräver också två gånger pixlarna för att visa samma bildkvalitet som en vanlig skärm. Detta resulterar i högre upplösning och bilder av högre kvalitet. Se bilderna nedan för att illustrera detta:
design för Retina-skärmar
Rasterupplösning
även om riktlinjen för design med standarddisplayer är 72 pixlar per tum är rekommendationen för retina-optimering 200ppi. En bild med lägre upplösning visas suddig eller pixelerad. Bilder med låg upplösning är svåra att arbeta med och får arbetet att verka oprofessionellt eller slarvigt.
vektorbilder
när det är möjligt rekommenderar våra grafiska designers att du använder .svg-filer för bilder på webben, för ikoner och knappar till exempel. Det är vektorfiler, upplösningsoberoende, ser skarpa ut på vilken skärm som helst och är små i Filstorlek.
innan du bestämmer dig för en bild för webben, kontrollera att upplösningen är tillräckligt stor i den storlek som den kommer att reproduceras. Att designa för retina-skärmar är ett måste för att säkerställa att allt arbete ser professionellt och polerat ut.