Как оптимизировать сайт под MacBook Pro Retina ?

Довольно недавно увидел свет новый ноут от Apple с разрешением экрана 2880 на 1800 при физическом размере экрана в 15 дюймов ( тоесть точек стало ровно в 4 раза больше ), четкость картинки просто поражает. Но далеко не все сайты оптимизированы под такой экран ( правильнее сказать, что таких сайтов очень мало ). Хотя сделать такую оптимизацию довольно просто – достаточно использовать системные шрифты ( те которые есть на самом Маке в системе ) а картинкам явно указывать ширину и высоту, причем поделив физический размер на 2 как по горизонтали так и по вертикали ( то есть придется для картинки размером 640 на 480 иметь оригинал 1280 на 960 ). Конечно, это увеличит размер картинок, зато придаст сайту четкость на дисплее Retina. Фотографии из предыдущего поста вставлены именно по такой технологии, так что страничку можно считать оптимизированной 😉



Digital Ocean
Провайдер облачного хостинга - заведи свой виртуальный сервер всего за $5 в месяц !

3 Comments

  1. Philip

    Спасибо!

  2. Олег

    Оптимизировать сайт под один бренд ноутбуков можно, но времени уйдет …
    Касательно веса картинок: чем меньше Мб, тем лучше (оптимальное превью – 100-200Кб).

Leave a Reply