Odkar so bili zasloni Retina na iOS napravah prvič izdani, je bilo že kar nekaj časa, toda še vedno je veliko spletnih strani, ki niso pripravljene na mrežnico, čeprav so se oblikovalci in razvijalci lotili dejstev o popolnoma odzivnem mobilnem telefonu. prijazen svet.
Tukaj je nekaj, kar morate vedeti o možnostih, kako narediti svoje delo najboljše na zaslonih, ki so vse pogostejši. Dobra novica je, da je tako zastrašujoče, kot se zdi, da res ni tako zapleteno.
$config[code] not foundPriprava vaše spletne strani za slike, pripravljene na mrežnico
Double Your Fun
Pravzaprav obstaja več načinov, kako lahko to kožo očistite, tako rekoč. V prvem koraku boste morali izostriti CSS in vključiti različice slik pod njihovo običajno ločljivostjo. CSS bo določil, katera slika bo prikazana na podlagi naprave, na kateri je prikazano vaše spletno mesto.
Posodobitve CSS, ki jih boste potrebovali, se bodo razlikovale glede na ciljne brskalnike, vendar je dobra novica, da to zdaj ni preveč zapleteno in postaja vse lažje. Dejansko kodiranje bomo prepustili drugemu dnevu.
Ne pozabite: razvite konvencijo za poimenovanje slik mrežnice, tako da lahko preprosto povežete dve različici slike, če ju je treba urejati pozneje.
SVG
Drug pristop je SVG ali Scalable Vector Graphics. Kot že ime pove, so ti omejeni na vektorsko grafiko in ne delujejo s fotografskimi slikami, vendar grafika SVG odpravlja potrebo po dveh slikovnih datotekah za vsako grafiko na vašem spletnem mestu. Tudi tu so različice od brskalnika do brskalnika, zato boste želeli opraviti dodatne raziskave glede na vaše potrebe.
Kot je navedeno zgoraj, SVG verjetno ne bo delal kot vaša edina rešitev na večini spletnih mest, razen če spletno mesto ne vsebuje fotografij vrste slik.
Brute Force
Seveda lahko preprosto odložite datoteke z nizko ločljivostjo in uporabite samo slike, pripravljene za mrežnico. To priporočamo samo za uporabo z zelo natančno določeno ciljno skupino. Če veste, da pasovna širina ne bo problem, je to lahko prava pot, vendar to zagotovo ni najboljša praksa
Druge rešitve za kodiranje
Na drugem koncu spektra napora in elegancije so metode kodiranja, ki se opirajo na nekatere spremembe na strani strežnika (kot so vnosi datotek.htaccess) skupaj s kodiranjem PHP in Javascript.
To je lahko vaš najboljši pristop, čeprav se prizadevanja morda ne bodo splačala za manjše projekte.
Na splošno bo vaš pristop odvisen od vašega občinstva, narave vizualnih učinkov vašega spletnega mesta in ravni strokovnega znanja vaše razvojne skupine. Obstaja dobra rešitev za skoraj vsako situacijo. Edina slaba rešitev je v celoti ignorirati prikaze Retine.
NASDAQ Photo preko Shutterstocka
