Designing for high-resolution Retina displays
our Boston creative design agency works on a lot of website redesigns. Kaikissa projekteissamme haluamme varmistaa, että asiakkaamme saavat laadukasta grafiikkaa, joka näyttää selkeältä ja ammattimaiselta. Niin, optimoimme kuvia korkean resoluution retina näytön näytöt. Niistä on tullut viime vuosina suosittuja etenkin useimpien Applen tuotteiden kohdalla.
Pikselit ja resoluutio
kuvat ruudulla on tehty värillisistä ruuduista, joita kutsutaan pikseleiksi. Kuvan resoluutio eli selkeys määritellään pikselien määrällä näytön leveydellä ja korkeudella.
Retina-näytöt näyttävät pienempiä ja tiiviimpiä pikseleitä kuin tavalliset näytöt. Ne vaativat myös kaksi kertaa enemmän pikseleitä näyttääkseen saman kuvanlaadun kuin tavallinen näyttö. Tämä johtaa korkeampaan resoluutioon ja laadukkaampiin kuviin. Katso alla olevat kuvat havainnollistamaan tätä:
Retina-näyttöjen suunnittelu
Rasteritarkkuus
vaikka ohjenuorana standardinäytöillä suunnittelussa on 72 pikseliä tuumalla, retina-optimoinnin suositus on 200ppi. Pienemmän resoluution kuva näyttää sumealta tai pikselöidyltä. Matalaresoluutioisia kuvia on vaikea työstää ja ne saavat työn näyttämään epäammattimaiselta tai huolimattomalta.
Vektorikuvat
aina kun mahdollista, graafiset suunnittelijamme suosittelevat käyttöä .svg tiedostoja kuvia Webissä, kuvakkeita ja painikkeita esimerkiksi. Ne ovat vektoritiedostoja, resoluutiosta riippumattomia, näyttävät teräviltä millä tahansa näytöllä ja ovat pieniä tiedostokoossa.
ennen kuin sitoudut kuvaan verkossa, tarkista, että resoluutio on riittävän suuri siinä koossa, jolla se kopioidaan. Retina-näyttöjen suunnittelu on välttämätöntä sen varmistamiseksi, että kaikki työ näyttää ammattimaiselta ja kiillotetulta.