Design for Retina-skjermer med høy oppløsning
Vårt Kreative Designbyrå I Boston jobber med mange redesigner for nettsteder. For alle våre prosjekter liker vi å sikre at våre kunder får kvalitetsgrafikk som ser klar og profesjonell ut. Så, vi optimaliserer bildene for høyoppløselige retina-skjermen. Disse har blitt populære de siste årene, spesielt med De fleste Av Apples produkter.
Piksler og oppløsning
Bilder på en skjerm er laget av fargede firkanter kalt piksler. Oppløsningen, eller klarheten, til et bilde, er definert av antall piksler over bredden og høyden på skjermen.
Retina-skjermer viser mindre og nærmere piksler enn vanlige skjermer. De krever også to ganger piksler for å vise samme bildekvalitet som en standard skjerm. Dette resulterer i høyere oppløsning og høyere kvalitet bilder. Se bildene nedenfor for å illustrere dette:
Utforming for Retina-skjermer
Rasteroppløsning
selv om retningslinjen for utforming med standardskjerm er 72 piksler per tomme, er anbefalingen for retina-optimalisering 200ppi. Et bilde med lavere oppløsning vises uklar eller pikselert. Bilder med lav oppløsning er vanskelige å jobbe med og få arbeidet til å virke uprofesjonelt eller slurvet.
Vektorbilder
når det er mulig, anbefaler våre grafiske designere at du bruker .svg-filer for bilder på nettet, for ikoner og knapper for eksempel. De er vektorfiler, oppløsning uavhengig, ser skarp på en skjerm, og er små i filstørrelse.
før du forplikter deg til et bilde for nettet, må du kontrollere at oppløsningen er stor nok til størrelsen der den skal gjengis. Å designe for retina-skjermer er et must for å sikre at alt arbeid ser profesjonelt og polert ut.