Верстка под большие разрешения

Спасибо, но выше мне уже ответили.

а? 😮 Я хоть сам неграмотный, но тут запятая решает. :D

То есть вот это:

по вашим словам - неактуально?

Она тут абсолютно лишняя.

Могу ошибаться, но насколько я понял Оптимизайка имел(а) ввиду несколько другое.

"замыленность" происходит при ресайзе пикчей. При неизменности их размеров (всё те же 100рх) - с чего бы таким дефектам случатся (если конечно сам девайс и ЮА работаю правильно)?

Уточню, если кто что не понял. Действительно, при повышенном DPI изменяется физический размер пикселя, поэтому браузер пересчитывает "пиксели", укузанные в CSS в реальные значения. Если же для векторных объектов это происходит без потери качества изображения, то для растровых объектов это происходит с потерей качества, т.е. если на "обычном" мониторе картинка 96x96 пикселей выглядит в оригинале без ресайза и занимает 2.5x2.5 сантиметра, то при плотности экрана втрое большей, её браузеру придётся соответственно растянуть. Что происходит при увеличении картинки вы видели - "мыло". Для решения этих проблем необходимо подготавливать картинки в разных разрешениях для дисплеев с разной плотностью пикселей, чтобы они имели одинаковый размер в сантиметрах без ресайза. Для этого можно вычислять плотность пикселей и использовать css media-queries для разных экранов, либо использовать кромо-сафари специфичный -webkit-image-set (http://www.chromium.org/developers/design-documents/high-dpi-resources).

Надеюсь, понятно объяснил.

ух, сколько понаписали :)

0zero, верстайте как под 1024*768 (старые айпады).

но размеры картинок делайте в 2 раза больше (чтобы не было некрасивого ресайза на ретина дисплее)

фоновые рисунки подтягивайте через -webkit-background-size

<img width="100" height="50" src=""/>

айпад 1,2 == картинка 100*50 пикселей.

айпад 3 == картинка 200*100 пикселей.

Стесняюсь спросить - зачем? И с чего бы?

Оставим пока в покое браузеры и пр ЮА. Возьмём, к примеру, пикчу размером 800х600.

Как она отобразится при разрешении 800х600? Правильно на весь экран.

А при 1600х1200? Тоже правильно - займёт 1\4 экрана (будут всё те же 800х600).

Об чём речь, о каком ресайзе?

---------- Добавлено 04.08.2012 в 15:06 ----------

Я бы сказал, что это чушь.. Если это не специфическая задача (например резиновый диз с авторесайзом пикчей, хедер, корректно помещающийся при всех разрешениях на всю ширину экрана и тп.), то нафига оно надо?

Если Вы считаете данный факт чушью, наслаждайтесь блюром на своих сайтах далее (см логотип в верхнем левом углу).

VS

Или почитайте что-нибудь по теме.

если логотип ресайзится - одно дело, а если ничего не меняется - с чего бы ВДРУГ мыло появилось?

См пикчу при разных разрешениях.

Всем спасибо за ответы! ☝

В любом случае стало намного понятней.