ВКонтакте оптимизировали под Retina

Леонид Клюев avatar | 28
FavoriteLoading В закладки
ВКонтакте оптимизировали под Retina

Для веб-мастеров задействовать возможности Retina-дисплея на новом MacBook Pro — задача не из простых. Фактически, каждый графический элемент сайта должен быть доступен на сервере в двух вариантах: под HiDPI и под обычный дисплей. Какой из них выбирать, определяет система, предварительно сверившись с разрешением у клиента и с версией его браузера. Пока процент пользователей Pro достаточно мал (а больше нигде таких дисплеев нет), владельцы сайтов в большинстве своём не помышляют о нативной поддержке Retina. Но Павел Дуров решил быть впереди планеты всей. Или не всей?

Несколько часов назад Павел сообщил, что вся графика его социальной сети ВКонтакте была перерисована и оптимизирована под Retina.

ВКонтакте стал четким, поддержав дисплеи высокой плотности. Ради этой революционной технологии мы перерисовали весь ресурс. Если Вы — счастливый обладатель новейшего Apple MacBook Pro, то вся графика ВКонтакте у Вас будет выглядеть четко и сногсшибательно. Другие сайты мирового интернета, к сожалению, пока нечеткие.

— Генеральный директор ВКонтакте Павел Дуров

Мы вынуждены огорчить Павла — в мировом интернете он уж точно не первый. К примеру, недавно был оптимизирован сайт WordPress.com, а ещё — Gravatar и частично Engadget. С другой стороны, своих конкурентов из Twitter и Facebook Павлу действительно удалось обставить: сайты обоих сервисов пока что сверкают старыми-добрыми пикселями.

Чтобы увидеть новую графику ВКонтакте, заходите в соцсеть из браузеров Safari или Chrome для OS X. Изменения никак не затронут владельцев любых других компьютеров, помимо Pro с дисплеем Retina. [vk]

1 Звезд2 Звезды3 Звезды4 Звезды5 Звезд (1 голосов, общий рейтинг: 4.00 из 5)
undefined
iPhones.ru
Для веб-мастеров задействовать возможности Retina-дисплея на новом MacBook Pro — задача не из простых. Фактически, каждый графический элемент сайта должен быть доступен на сервере в двух вариантах: под HiDPI и под обычный дисплей. Какой из них выбирать, определяет система, предварительно сверившись с разрешением у клиента и с версией его браузера. Пока процент пользователей Pro достаточно...
Прокомментировать

🙈 Комментарии 28

  1. RoLife avatar
    RoLife2 октябрь 2012
    0

    Может глупый вопрос, но все же. А как на третем айпаде (с ретиной) теперь смотрется будет? Ну в плане логично же, что там тоже ретина (с большим экраном) и качество тоже должно бы улучшется.

    RoLife avatar
    RoLife2 октябрь 2012
    0

    Сейчас сам глянул, и разницы вроде бы не увидел. + Пока влом вставать второй айпад заряжать, что сразу сравнить.

    Ну вообще я к тому, логично же для третьего айпада тоже качество улучшеное включить?

    G-VIPER avatar
    G-VIPER2 октябрь 2012
    0

    @RoLife, на мой взгляд четче

    stap avatar
    stap3 октябрь 2012
    0

    @RoLife, разница по интерфейсу есть, было размыто, особенно это было видно по логотипу, сейчас интерфейс и уменьшенные копии фоток — чёткие. А вот аватары и полные версии фотографий всё ещё размытые.

    TauruS_iPhone4_now avatar
    TauruS_iPhone4_now3 октябрь 2012
    0

    @stap, ну поднять разрешение аватарок и фотографий – задачка конечно интересная)

    i.band avatar
    i.band3 октябрь 2012
    0

    @RoLife, На всех ретина-экранах растровые изображения должны стать четкими. Есть несколько недоработок на вк сейчас: аватары нечеткие, подарки при просмотре тоже нечеткие. Зато уменьшенные аватары и превьюшки фоток, видео и прочего сейчас четкие. можно даже не открывая всё рассмотреть)))

  2. Enterprise avatar
    Enterprise2 октябрь 2012
    1

    А где Дуров написал, что он первый? Это же вы написали. Просто так парня огорчили.

    Леонид Клюев avatar
    Леонид Клюев2 октябрь 2012
    0

    @Enterprise,

    Другие сайты мирового интернета, к сожалению, пока нечеткие.

    discont avatar
    discont2 октябрь 2012
    0

    @Леонид Клюев, ну так, тут ни слова про первых и последних, другие правда не четкие, хотя есть и те кто уже сделал оретинение)

  3. Zer0CooL avatar
    Zer0CooL2 октябрь 2012
    0

    не особо разница заметна
    ну там в принципе и графики то чуток совсем

    про подарки так совсем забыли =)

  4. Gr0m avatar
    Gr0m2 октябрь 2012
    0

    Странно, а ведь на фейсбуке это пока не реализовано. Как они тогда это сделали? Оо

  5. Gr0m avatar
    Gr0m2 октябрь 2012
    0

    Кстати если сайт дизайнить на современный манер, а потом сверстать не через жопу, то скорее всего единственная графика на сайте – это будут иконки. А для них можно использовать СВГ и кастомные шрифты. А всякие градиенты, тени, округлые края и прочее достигается обычными стилями. Да, найдется конечно что нужно будет для древних браузеров сделать иначе, но это уже другая история…

  6. ShitNok avatar
    ShitNok2 октябрь 2012
    0

    Вы правда думаете, что Паша сделал это для Нас???
    Посмотрите его альбом, там он за маком сидит, вот и сделал для себя, что он зря macbook покупал? =D

    i.band avatar
    i.band3 октябрь 2012
    0

    @ShitNok, а приложение для iPad всё ещё не поддерживает ретину. Наверное нет у Паши третьего iPad…

    Gr0m avatar
    Gr0m3 октябрь 2012
    0

    @ShitNok, Ну это нормальная практика. Я много таких случаев знаю. Например одна очень известная студия по веб-разработкам (и не только), полностью отказалась от флэша после того, как их CEO стал пользоваться айПадом. В итоге их работы стали на порядок лучше :)

  7. Absinthe avatar
    Absinthe2 октябрь 2012
    0

    Будут нечеткими только каринки. И если можно оптимизировать дизайн, то с пользовательским графическим контентом все равно ничего не поделать.
    Специально делать картинки под одну из линее техники эпл? Кажется разумным только для сайтов огромной поснщаемости.

    Вот когда более 10% пользователей будет использовать ретину/аналоги – тогда и нужно начинать думать.

  8. d7 avatar
    d72 октябрь 2012
    0

    в продолжение темы вконтакте: будет ли обзор приложения вконтакте 2?

  9. denis avatar
    denis3 октябрь 2012
    0

    Дуров все больше напоминает Лебедева, себя не похвалишь, никто не похвалит, понятно что они сделали многое для рунета, но можно и скромнее, тем более в утверждениях, что остальной интернет спит, в то время как они делают свой продукт лучше и лучше.

    Еще меня удивляет, что ВК и в частности Дуров, позиционируют себя как приверженцы Apple и фанаты Джобса. Но у меня уже пол года наблюдаются постоянные глюки ВК и сафари, на что тех поддержка сообщила “Наши разработчики ориентируются на Хром, как самый лучший браузер, как ни жаль, и не слишком заботятся о проблемах в других браузерах. Вот.” :-))

    d7 avatar
    d73 октябрь 2012
    0

    @denis, соглашусь по поводу глюков, часто при переходе из раздела в раздел страница открывается не с начала (промотана вниз), а часто вообще начинает мерцать и глючить по 5-10 секунд….
    MBP13 2010 года, ML 10.8.2

    denis avatar
    denis3 октябрь 2012
    0

    @d7, у меня раньше перезагружались все открытые вкладки, когда мне кто то писал сообщение. какой то глюк с javascript, думаю.

  10. EvpatriD avatar
    EvpatriD3 октябрь 2012
    0

    Когда только они допилят приложение для третьего айпада на шестой Ос, чтоб не вылетало ?!!

    zIs avatar
    zIs3 октябрь 2012
    0

    @EvpatriD, если вылетает при старте, то нужно просто снести приложение и поставить заново

  11. Drew avatar
    Drew3 октябрь 2012
    0

    Он и тут не первый.. :)

  12. Vladshee avatar
    Vladshee3 октябрь 2012
    0

    “Подарки” тоже перерисовали? (: Что то я сомневаюсь, что “вся графика” (:

  13. Whilser avatar
    Whilser3 октябрь 2012
    0

    Дуров просто купил Mac с Retina :)

  14. necronamecom avatar
    necronamecom3 октябрь 2012
    0

    Кстати, иконка твиттера над комментариями четкая, а фейсбука – нет

  15. Цугур avatar
    Цугур3 октябрь 2012
    0

    А я то думаю, с чего вдруг крестик для удаления записи стал таким четким (при Думе на iPad очень в глаза бросалось)

  16. muke avatar
    muke4 октябрь 2012
    0

    Firefox тоже начал поддерживать Retina Display – https://bugzilla.mozilla.org/show_bug.cgi?id=674373

    Баг закрыт в 18-й версии на канале Nightly (нестабильная версия для тестирования разработчиками). Релиз 18-й версии ожидается 6 января 2013 года.

Вы должны авторизоваться или зарегистрироваться для комментирования.

Нашли орфографическую ошибку в новости?

Выделите ее мышью и нажмите Ctrl+Enter.

Как установить аватар в комментариях?

Ответ вот здесь