Для веб-мастеров задействовать возможности Retina-дисплея на новом MacBook Pro — задача не из простых. Фактически, каждый графический элемент сайта должен быть доступен на сервере в двух вариантах: под HiDPI и под обычный дисплей. Какой из них выбирать, определяет система, предварительно сверившись с разрешением у клиента и с версией его браузера. Пока процент пользователей Pro достаточно мал (а больше нигде таких дисплеев нет), владельцы сайтов в большинстве своём не помышляют о нативной поддержке Retina. Но Павел Дуров решил быть впереди планеты всей. Или не всей?
Несколько часов назад Павел сообщил, что вся графика его социальной сети ВКонтакте была перерисована и оптимизирована под Retina.
ВКонтакте стал четким, поддержав дисплеи высокой плотности. Ради этой революционной технологии мы перерисовали весь ресурс. Если Вы — счастливый обладатель новейшего Apple MacBook Pro, то вся графика ВКонтакте у Вас будет выглядеть четко и сногсшибательно. Другие сайты мирового интернета, к сожалению, пока нечеткие.
— Генеральный директор ВКонтакте Павел Дуров
Мы вынуждены огорчить Павла — в мировом интернете он уж точно не первый. К примеру, недавно был оптимизирован сайт WordPress.com, а ещё — Gravatar и частично Engadget. С другой стороны, своих конкурентов из Twitter и Facebook Павлу действительно удалось обставить: сайты обоих сервисов пока что сверкают старыми-добрыми пикселями.
Чтобы увидеть новую графику ВКонтакте, заходите в соцсеть из браузеров Safari или Chrome для OS X. Изменения никак не затронут владельцев любых других компьютеров, помимо Pro с дисплеем Retina. [vk]
28 комментариев
Форум →Может глупый вопрос, но все же. А как на третем айпаде (с ретиной) теперь смотрется будет? Ну в плане логично же, что там тоже ретина (с большим экраном) и качество тоже должно бы улучшется.
Сейчас сам глянул, и разницы вроде бы не увидел. + Пока влом вставать второй айпад заряжать, что сразу сравнить.
Ну вообще я к тому, логично же для третьего айпада тоже качество улучшеное включить?
@RoLife, на мой взгляд четче
@RoLife, разница по интерфейсу есть, было размыто, особенно это было видно по логотипу, сейчас интерфейс и уменьшенные копии фоток — чёткие. А вот аватары и полные версии фотографий всё ещё размытые.
@stap, ну поднять разрешение аватарок и фотографий – задачка конечно интересная)
@RoLife, На всех ретина-экранах растровые изображения должны стать четкими. Есть несколько недоработок на вк сейчас: аватары нечеткие, подарки при просмотре тоже нечеткие. Зато уменьшенные аватары и превьюшки фоток, видео и прочего сейчас четкие. можно даже не открывая всё рассмотреть)))
А где Дуров написал, что он первый? Это же вы написали. Просто так парня огорчили.
@Enterprise,
@Леонид Клюев, ну так, тут ни слова про первых и последних, другие правда не четкие, хотя есть и те кто уже сделал оретинение)
не особо разница заметна
ну там в принципе и графики то чуток совсем
про подарки так совсем забыли =)
Странно, а ведь на фейсбуке это пока не реализовано. Как они тогда это сделали? Оо
Кстати если сайт дизайнить на современный манер, а потом сверстать не через жопу, то скорее всего единственная графика на сайте – это будут иконки. А для них можно использовать СВГ и кастомные шрифты. А всякие градиенты, тени, округлые края и прочее достигается обычными стилями. Да, найдется конечно что нужно будет для древних браузеров сделать иначе, но это уже другая история…
Вы правда думаете, что Паша сделал это для Нас???
Посмотрите его альбом, там он за маком сидит, вот и сделал для себя, что он зря macbook покупал? =D
@ShitNok, а приложение для iPad всё ещё не поддерживает ретину. Наверное нет у Паши третьего iPad…
@ShitNok, Ну это нормальная практика. Я много таких случаев знаю. Например одна очень известная студия по веб-разработкам (и не только), полностью отказалась от флэша после того, как их CEO стал пользоваться айПадом. В итоге их работы стали на порядок лучше :)
Будут нечеткими только каринки. И если можно оптимизировать дизайн, то с пользовательским графическим контентом все равно ничего не поделать.
Специально делать картинки под одну из линее техники эпл? Кажется разумным только для сайтов огромной поснщаемости.
Вот когда более 10% пользователей будет использовать ретину/аналоги – тогда и нужно начинать думать.
в продолжение темы вконтакте: будет ли обзор приложения вконтакте 2?
Дуров все больше напоминает Лебедева, себя не похвалишь, никто не похвалит, понятно что они сделали многое для рунета, но можно и скромнее, тем более в утверждениях, что остальной интернет спит, в то время как они делают свой продукт лучше и лучше.
Еще меня удивляет, что ВК и в частности Дуров, позиционируют себя как приверженцы Apple и фанаты Джобса. Но у меня уже пол года наблюдаются постоянные глюки ВК и сафари, на что тех поддержка сообщила “Наши разработчики ориентируются на Хром, как самый лучший браузер, как ни жаль, и не слишком заботятся о проблемах в других браузерах. Вот.” :-))
@denis, соглашусь по поводу глюков, часто при переходе из раздела в раздел страница открывается не с начала (промотана вниз), а часто вообще начинает мерцать и глючить по 5-10 секунд….
MBP13 2010 года, ML 10.8.2
@d7, у меня раньше перезагружались все открытые вкладки, когда мне кто то писал сообщение. какой то глюк с javascript, думаю.
Когда только они допилят приложение для третьего айпада на шестой Ос, чтоб не вылетало ?!!
@EvpatriD, если вылетает при старте, то нужно просто снести приложение и поставить заново
Он и тут не первый.. :)
“Подарки” тоже перерисовали? (: Что то я сомневаюсь, что “вся графика” (:
Дуров просто купил Mac с Retina :)
Кстати, иконка твиттера над комментариями четкая, а фейсбука – нет
А я то думаю, с чего вдруг крестик для удаления записи стал таким четким (при Думе на iPad очень в глаза бросалось)
Firefox тоже начал поддерживать Retina Display – https://bugzilla.mozilla.org/show_bug.cgi?id=674373
Баг закрыт в 18-й версии на канале Nightly (нестабильная версия для тестирования разработчиками). Релиз 18-й версии ожидается 6 января 2013 года.
Нашли орфографическую ошибку в новости?
Выделите ее мышью и нажмите Ctrl+Enter.Как перевести любой сайт в Safari на iPhone
Как быстро сбросить настройки Bluetooth на Mac
Как включить звуковой сигнал при включении и отключении iPhone
Как отключить автовоспроизведение видео на сайтах в Safari на Mac
Как включить виджет «Элементы питания» в iOS?
Какой блок питания нужен для быстрой зарядки iPad
Как отключить автообновление приложений на iPhone и Mac
Как сделать флешку для macOS и Windows одновременно