Откритието на Ретина
Тъй като сега имам MacBook с Retina, проучвам как да направя сайтовете използваеми на тези екрани. Може би читателите с Retinas вече са забелязали някои промени на сайта.
Най-горещият въпрос е подготовката на изображения за Retina.
Позволете ми да ви напомня, че Retina е технологията на Apple, която вече се е превърнала в домакинство, което се състои в изпробване на екрани с висока разделителна способност (например на моя лаптоп е 2560 × 1600) с показване на обикновена графика върху нея, както би изглеждало на екрани с половин разделителна способност. В същото време шрифтът изглежда просто страхотно, като на хартия, но проблемът със снимките.
В мрежата повечето графики не изглеждат много добре (въпреки че много сайтове вече са подготвени). За да бъде добро, всички изображения трябва да бъдат подготвени с два пъти по-голям размер, като същевременно се посочи за тях в кода наполовина по-големия размер, тогава цялата сила на Retina ще се прояви - най-малките детайли на изображението ще бъдат видими и размазването ще изчезне.
Все още не всеки има Retina, искам клиенти, които го нямат, да не зареждат твърде много. За съжаление, уловката е, че браузърите все още не са се научили как да кажат на сървъра, че имаме работа с такъв (засега) необичаен екран и има само клиентски начини да разберат.
Вече се появиха няколко библиотеки, които от страна на клиента извършват замяна на снимки с такива, подходящи за вида на екрана. Това все още причинява лишаване от трафик, тъй като някои изображения имат време да се заредят и ако има много изображения, подмяната понякога се забавя.