трохи розширю тему про те, чому на iPad 3 сайт www.apple.com виглядає навіть краще, ніж на 30-дюймовому екрані Apple Cinema Display. Попросив друзів подивитися в код, де і виявився javascript-овий блок (window.devicePixelRatio), що підміняє картинку при перевірці на дозвіл. Скрипт цей ось тут: http://images.apple.com/v/ipad/a/scripts/image_replacer.js і розуміючи що сайт дивляться з нового iPad 3, він видає контент високої роздільної здатності. Так я і думав, власне.
Так що може він, цей iPad 3, якщо потрібно, виводити графіку на сайті з високою роздільною здатністю. Але зі звичайними сайтами він надходить інакше - вантажить їх так, щоб сайт цілком містився в вікно браузера, і при цьому не потрібно було застосовувати зайве масштабування. Якщо хочете аналогії, то це як в Windows поставити великі розміри шрифтів, або в браузері "позуміть" картинку колесом мишки, утримуючи CTRL. Робиться це ось чому - існують сайти з гумовим дизайном, які тягнуться на всю ширину браузера або його більшу частину. Якщо їх дивишся на великому моніторі, сайти ці займають весь браузер від краю до краю. Часом це виглядає жахливо.
Дуже хорошим прикладом гумового дизайну є контент блогера Рустема Адагамова, який adagamov.info . Його верстка на великому екрані розтягується на все вікно, рядки стають довгими-довгими. Читати такий текст в нормальному масштабі незручно, і я його збільшую, при цьому втрачаючи різкість ілюстрацій за рахунок масштабування - їх розміри зростають разом з текстом. Але, на відміну від шрифтів, картинки починають при масштабуванні деградувати як - це ж примітивний швидкий апскейл.

Ось так виглядає блог користувача adagamov.info , Коли ширина колонки 2048 пікселів

Якби блог Рустема тягнувся на iPad 3 на всю ширину, а ілюстрації залишалися б колишнього розміру, читати це було б дуже незручно - довелося б прокручувати кожен рядок при читанні або милуватися мініатюрними буквами. Користувачі iPad і iPhone пам'ятають, що при зміні масштабу пальцями движок змінює розмір всієї сторінки, а не окремих блоків, як в деяких інших браузерах. Це дозволяє збільшувати лист як би "зумом", а не переформатовувати його, порушуючи оригінальний авторський стиль. З цим часто стикаються читачі на смартфонах, коли доводиться вибирати розмір шрифту більше і текст прокручувати не тільки вниз, але і вліво-вправо. Там це моторошно стомлює. Щоб цього не було, Apple Safari на новому iPad 3 вантажить сторінку "з зумом", при цьому картинки завантажуються звичайного дозволу, а шрифти збільшуються. Як і у випадку з браузером на ПК, якість шрифтів при збільшення не деградує через їх векторної природи. Ну а картинки в різкості втрачають, звичайно.

Так виглядає цей текст на iPad 3 при масштабуванні по ширині екрану.

Для порівняння, ось як викручується з ситуації браузер смартфона Samsung Galaxy Nexus на четвертому Android:

Він переформатує колонку тексту так, щоб шрифт мав нормальний розмір, при цьому не чіпає картинку. Але при зумі на весь екран картинка виявляється занадто великою і не поміщається, тому блоги adagamov.info і sergeydolya , Перемежающих текст графікою, на такому смартфоні читати не найприємніше заняття.
Я не web-дизайнер, і навскидку мені здається, тут є над чим попрацювати не тільки Apple. Купертінци могли б вмонтувати в Safari на видному місці опцію "вантажити сайт в повному дозволі", а web-програмісти могли б попрацювати над тим, щоб гумові сайти на такого роду пристроях з екранами високого дозволу не розтягувалися, а відображалися з більш високою деталізацією. Звичайно є і третій варіант - допив движок Safari так, щоб він справляв реформатірованіе контенту, тільки боюся, що це самий невірний шлях, який приведе до спотворення великої кількості сайтів. Ну а з огляду на те, що екрани на планшетах і комп'ютерах незабаром пристойно додадуть в дозволі, утворюється дуже пристойний спосіб задуматися.