Примечание.

Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите страницу прекращения обслуживания Adobe Muse.

Улучшенные функции Adobe Muse CC 2014.3 | Февраль 2015 г.

Adobe Muse теперь поддерживает дисплеи HiDPI, работающие под управлением Windows. При использовании устройств HiDPI под управлением Windows вы заметите значительное повышение четкости интерфейса Adobe Muse.

Обзор

HiDPI является аббревиатурой High Dots Per Inch. Этот термин служит для обозначения экранов с высокой плотностью пикселей или просто с высоким разрешением. Благодаря такой плотности пикселей текст и графика отображаются с более высокой степенью детализации, чем на обычных дисплеях. Например, дисплеи Retina компании Apple, которыми оснащаются устройства iPhone, iPad, iPod touch, некоторые устройства под управлением Windows и многие другие, позволяют отображать текст и графику в высоком разрешении.

В приложении Adobe Muse можно создавать версии сайтов, которые будут отображаться на экранах с высоким разрешением (HiDPI), таких как дисплеи Retina компании Apple.

Стандартная плотность пикселей (слева) и HiDPI (справа)
Разница между обычным дисплеем (слева) и дисплеем HiDPI (справа)

Воспользоваться преимуществами HiDPI в приложении Muse очень просто.

  • Установите для параметра разрешения значение HiDPI
  • Создайте изображения, размер которых будет, по крайней мере, в два раза больше того, который используется для их отображения на сайте

При отправке или экспорте версии HiDPI сайта из приложения Muse генерируемый код будет включать как обычные, так и увеличенные в 2 раза изображения, а также будет автоматически определять, какие изображения следует использовать при просмотре сайта на дисплее HiDPI или на стандартном дисплее.

Включение поддержки HiDPI в приложении Adobe Muse

В меню выбора разрешения в диалоговом окне нового сайта имеется возможность выбрать стандартное разрешение или HiDPI (высокое разрешение).

Параметры разрешения
Параметры разрешения в диалоговом окне «Свойства сайта»

Настройку разрешения можно изменить после создания сайта, выбрав пункт меню Файл > Cвойства сайта.

Создание ресурсов с увеличенными в 2 раза изображениями

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

Создать изображения увеличенного размера достаточно просто. Для этого размер такого ресурса должен не менее чем в два раза превышать свой размер, в котором он будет отображаться на экране. Например:

Создание ресурсов с увеличенными в 2 раза изображениями

При помещении ресурса HiDPI на холст веб-страницы приложение Adobe Muse оптимизирует такое изображение, уменьшая его размер до 50%. Это позволяет не только упростить работу над дизайном сайта, но и сделать ее более эффективной. На панели «Ресурсы» такие изображения помечаются значком «2x». Обратите внимание, что Adobe Muse сохраняет данные исходного ресурса, чтобы отображать его с высокой плотностью пикселей при просмотре на экране HiDPI. Растрированный текст, так же как и эффекты, выходные данные которых являются изображениями, будет автоматически генерироваться приложением Adobe Muse в размере 2x и в стандартном размерах при публикации или при экспорте.

Чтобы убедиться в том, что ресурсы имеют размер 2x (т. е. содержат достаточно данных для отображения в высоком разрешении), откройте панель «Ресурсы» (Окно > Ресурсы). Если в ресурсе хранится достаточно данных, рядом с ним отображается значок «2x». Если такой значок отсутствует, то в ресурсе нет достаточно данных для отображения в высоком качестве и он будет отображаться в стандартном разрешении.

Панель «Ресурсы»

Экспорт изображений HiDPI

В особых случаях Adobe Muse не экспортирует изображение в высоком разрешении, т. е. изображение с данными 2x. Когда масштаб изображений изменяется для заполнения по размерам контейнеров (например, для страниц с фоновыми изображениями, слайд-шоу, отображаемых во весь экран и т. д.), приложение Adobe Muse не экспортирует версию HiDPI такого изображения при публикации сайта. В частности, в указанных ниже сценариях экспортируется только стандартная версия изображения.

  • Ширина 100%: По размеру/масштабировать с заполнением
  • Полноэкранные слайд-шоу: По размеру/масштабировать с заполнением
  • Фоновое изображение для окна браузера или страницы: По размеру/масштабировать с заполнением
Также следует отметить, что мозаичные фоновые изображения обрабатываются иначе, чем фоновые изображения, для которых выбран параметр «По размеру» или «Масштабировать с заполнением». В случае мозаичных изображений приложение Adobe Muse предоставляет стандартные изображения и изображения с высоким разрешением для стандартных экранов и экранов HiDPI соответственно.
 
Если при работе в Adobe Muse изображение в высоком разрешении с данными 2x располагается мозаикой, оно обрабатывается так же, как и любое другое изображение, и помещается на холст веб-страницы с размером 50% от исходного. При экспорте сайта вдвое уменьшенное изображение (50%) экспортируется как изображение со стандартным разрешением, а исходное изображение — как изображение с высоким разрешением с данными 2x.

Забота о посетителях сайта

Благодаря дисплеям HiDPI посетители сайта могут просматривать графическое веб-содержимое высочайшего качества, используя больше данных изображения. Размер сайта с увеличенными в 2 раза изображениями в четыре раза превышает размер сайта с изображениями стандартного разрешения. Для просмотра изображений HiDPI посетителям требуется загружать в четыре раза больше данных. Чтобы ускорить отображение сайтов HiDPI, приложение Muse экспортирует как ресурсы HiDPI, так и ресурсы стандартного разрешения. Сначала загружаются ресурсы стандартного разрешения, тогда как ресурсы HiDPI загружаются постепенно поверх своих стандартных версий.

Виджет кнопки для включения и отключения режима HiDPI

Несмотря на то что подход с постепенной загрузкой ресурсов удобен для многих посетителей сайта, это может оказаться проблематичным для тех, кто использует тарифный план, учитывающий объем загружаемого трафика или ограниченное подключение либо для пользователей, для которых установлены квоты на загрузку содержимого из Интернета. Для таких посетителей целесообразно добавить на сайт виджет с кнопкой включения и отключения режима HiDPI. Если на странице имеется такая кнопка, то сначала загружается версия страницы в стандартном разрешении, и кнопка HiDPI будет отображаться в выключенном положении. После нажатия посетителем кнопки HiDPI для всех страниц, на которых она имеется, начнется загрузка изображений HiDPI. Это будет продолжаться до тех пор, пока посетитель сайта не отключит режим HiDPI, не закроет браузер или не очистит кэш файлов cookie. При просмотре страниц, на которых нет кнопки включения и отключения режима HiDPI, на дисплеях HiDPI или Retina всегда будут загружаться изображения HiDPI. При просмотре сайта на обычном дисплее эта кнопка будет недоступна, и загружаться будут только изображения в стандартном разрешении.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет