Готов ли ваш сайт к Retina?

Разве устройства с ретиной не сами масштабируют графику и шрифты?

Тут возникает другой вопрос. Насколько красиво будут выглядеть отмасштабированные картинки не на ретине. То бишь делаем 600х400, а в теге img прописываем 300х200. Артефакты масштабирования не появятся?

Действительно, «более альтернативный способ.»…

А на retina с такими изображениями точно не будет преобразований? Не получится так, что при рендеринге изображения 600x300 сначала сожмется до 300x150, а потом будет увеличено до 600x300?

80% jpeg? Я, обычно, сохраняю не ниже 90%, чаще всего — 95%. При 80% артефакты же ужасные будут.

Возможно это самый короткий туториал на хабре

Такой короткий, что я не понял зачем в нём кат.

Пробовал, но получается не ахти. Масштабирование в разных браузерах разное, но везде заведомо хуже графического редактора.

Действительно работает!
Масштабирование не супер-идеальное, но вполне приемлемое, и при этом без лишних телодвижений.
Дешево и сердито, как говорится.

на реальных фото JPG 30% получим дивную постеризацию на небе, на лице, на любых более-менее равномерных градиентах и никакое масштабирование не спасет.
В примерах по ссылке очень специально подобраны картинки для сравнения. Во-первых большие области одного цвета, во вторых диапазон цветов заужен, толи специально, толи от неграмотности автора или фотографа.

Все столько пишут про эту ретину, про совместимость сайтов, аж тошнит уже.
А кто-нибудь знает нормальный способ выяснить, как ваш сайт отображается на ретине, не тратя, как минимум, 2500$ на покупку макбука?

В каждом предложении: «Скорее всего», «Вероятно», «Наверное», «Может быть»…

С фотками ладно, сойдет и так, а что делать с графическими элементами интерфейса: полосочками, фончиками, иконочками, кнопочками и прочая попиксельная мелочевка? такой вариант уже на них не прокатит…

На самом деле я думаю, пока не стоит сильно рыпаться совершать много резких телодвижений. На данный момент дисплеев с двойной плотностью еще немного, Win8 насколько я помню в настольном режиме масштабирует все далеко не идеально (следовательно, под системы с Win пока наплыва таких дисплеев не ожидается), на iГаджетах дисплей не большой, да и многую графику, типа элементов интерфейса или иконок можно безболезненно делать в svg, оставляя только фотографии «неретинальными».

Основная-же причина в том, что стандарты для таких дисплеев только разрабатываются. Есть (-webkit-)image-set, есть @media с min-device-pixel-ratio, тут тоже описано много разных колдунств типа image-rendering (как масштабировать изображение при его несоответствии реальному размеру, если я правильно понял). Одним словом, пусть доделают нормально технологии, а потом мы их будем использовать.

Плохой пример по вашей ссылке. Все изображения не такие «сложные» в нём. Попробовал, как вы и сказали .jpg, уровень качества 20 % справа, в два раза больше, чем слева. Вы хотите сказать, это приемлемо? Разумеется, открывал я это на ретине. Изображение чуть лучше ввиду того, что она меньше гораздо, но все равно видны ужасные артефакты на градиентах.

Меня сейчас конечно закидают тухлыми помидорами, но есть ли смысл адаптировать сайт под ретина?
У кого нибудь есть дельная статистика что на сайт заходят 20% пользователей с ретина, а еще и уходят по причине что картинки плывут на сайте плывут?

Статья была про 20% трафика рунета приходится на трафик мобильных устройств. Вот только на соц сети и почтовые ресурсы приходится скорее всего 19%, на остальные ресурсы остается 1%,
Стоит ли игра свеч все эти оптимизации?

Высокая детализация ретины как раз нужна для того, чтобы рассмотреть в подробностях артефакты сжатия jpeg 20%.

Я не понимаю, объясните как можно было сделать такой экран, который лучше по качеству, на на котором всё хуже видно?

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

Можете закидать меня помидорами, но я не смог добиться того, что показано на картинках по ссылкам.

Если сохранять изображения с удвоенным разрешением и тем же размером файла в фотошопе, на выходе получается не только большая четкость, но и масса артефактов.

ИМХО метод применим, но только в каких-то узких границах: нужно либо подбирать специально изображения без ровных плашек и градиентов, либо все-таки смириться с увеличением размера файла.