Már régóta eltűnt, mióta először megjelentek az iOS eszközök Retina kijelzői, de még mindig sok olyan webhely található, amelyek nem Retina-készek, még akkor is, ha a tervezők és a fejlesztők csípődtek a teljesen érzékeny, mobil eszközökhöz. -barát barát.
Amit tudnia kell arról, hogy a munkát a leggyakrabban megjelenő Retina kijelzőn hogyan lehet a legjobban megnézni. A jó hír az, hogy olyan ijesztő, mint amilyennek látszik, tényleg nem olyan bonyolult.
$config[code] not foundA webhely előkészítése a retina-kész képekre
Dupla a szórakozás
Valójában számos módja van arra, hogy ezt a macskát úgy tudjuk bőrre bújni, mint mondani. Először egy kicsit meg kell élesítenie a CSS-t, és a normál felbontásban kétszer kell tartalmaznia képeit. A CSS határozza meg, hogy melyik képet jelenítse meg az eszköz alapján, amelyen a webhelyet megtekintik.
A CSS-frissítések, amelyekre szüksége lesz, a célböngészőktől függnek, de a jó hír az, hogy most már nem bonyolultan bonyolult, és könnyebbé válik. A tényleges kódolást egy másik napra hagyjuk.
Egy dolog, amit szem előtt kell tartani: érdemes lehet kinevezni a retina-képek elnevezési szabályait, hogy könnyedén hozzárendelhesse a kép két változatát, ha később szükség van rá szerkeszteni.
SVG
Egy másik megközelítés az SVG vagy a Scalable Vector Graphics. Amint azt a neve is jelzi, ezek a vektorgrafikákra korlátozódnak, és nem fognak fényképészeti képekkel működni, de az SVG-grafika nem teszi szükségessé két képfájl szükségességét minden egyes grafikára a webhelyén. Ismét a böngészőtől a böngészőhöz képest variációk vannak, így az Ön igényeitől függően további kutatást szeretne tenni.
A fentieknek megfelelően az SVG valószínűleg nem fog egyetlen megoldásként működni a legtöbb webhelyen, kivéve, ha az oldal nem tartalmaz fotó-típusú képeket.
Brutális erő
Természetesen egyszerűen az alacsony felbontású fájlokat is eldobhatja, és csak a retina-kész képeket szolgálhat fel. Ezt csak nagyon szoros közönséggel való használatra ajánljuk. Ha tudja, hogy a sávszélesség nem jelent problémát, ez lehet a helyes út, de biztosan nem a legjobb gyakorlat
Egyéb kódolási megoldások
Az erőfeszítés és az elegancia spektrum másik végén kódolási módszerek, amelyek bizonyos szerveroldali változásokra támaszkodnak (például.htaccess fájlbejegyzések) a PHP és a Javascript kódolással együtt.
Ez lehet a legjobb megközelítésed, bár a kisebb projektek esetében ez az erőfeszítés nem megéri.
Összességében az Ön által alkalmazott megközelítés a közönségtől, a webhely vizuális megjelenésének természetétől és a fejlesztőcsapat technikai szakértelmétől függ. Jó megoldás minden helyzetre. Az egyetlen rossz megoldás az, hogy figyelmen kívül hagyjuk a Retina megjelenítését.
NASDAQ fénykép a Shutterstock-on keresztül
