Высококачественные визуальные элементы для закрепленных сайтов в Windows 8


В статье Закрепленные сайты в Windows 8 описывается, как разработчики сайтов могут предоставить значок сайта для плиток закрепленных сайтов на начальном экране Windows 8. В своих отзывах многие из вас указали, что хотели бы использовать визуальный элемент более высокого разрешения, позволяющий лучше представить отличительные особенности вашего сайта на плитках закрепленных сайтов пользователя. Это нашло отражение в Windows 8 Release Preview: мы добавили возможность предоставления изображения плитки в формате PNG и указания цвета фона плитки.

Пример

Ниже приведены примеры плиток закрепленных сайтов: в одном используется значок сайта и определяемый автоматически цвет (слева), в другом — изображение высокого разрешения в формате PNG с настраиваемым цветом плитки (справа).

Плитка по умолчанию для демонстрационного сайта Fresh TweetsПлитка для демонстрационного сайта Fresh Tweets, указывающая на пользователя @BenThePCGuy

Разметка

Имя плитки и цвет фона задаются с помощью тегов Meta. Пример:

<meta name="msapplication-TileImage" content="images/benthepcguy-144.png"/>

<meta name="msapplication-TileColor" content="#d83434"/>

Изображения плитки должны быть квадратными PNG-изображениями размером 144 на 144 пикселя. Для получения наилучших результатов вместо фона, совпадающего по цвету с плиткой, мы рекомендуем использовать прозрачный фон. Цвет плитки можно указать с помощью шестнадцатеричного кода RGB (используя CSS-нотацию #rrggbb), CSS-названий цветов или CSS-функции rgb().

Чтобы на практике ознакомиться с данной возможностью, посетите наш обновленный демонстрационный сайт Fresh Tweets.

Примечание. Internet Explorer 10 загружает изображение плитки только тогда, когда пользователь закрепляет соответствующий сайт на своем начальном экране. Таким образом, сайты не несут дополнительные расходы, связанные с полосой пропускания.

Заключение

Internet Explorer 10 позволяет веб-разработчикам создавать для плиток закрепленных сайтов высококачественные, соответствующие сайту визуальные элементы. Это способствует лучшему отражению отличительных особенностей сайтов на начальном экране Windows 8 и более высокому уровню визуальной согласованности плиток закрепленных сайтов с остальными плитками приложений и контента. Разработчикам достаточно предоставить всего один высококачественный значок, который операционная система Windows 8 будет масштабировать для устройств, работающих с разным разрешением.

Кроме того, сайты могут предлагать уведомления и списки переходов для ускорения навигации. Подробнее об этом см. в статье Закрепленные сайты в Windows 8.

Мы с нетерпением ждем, когда вы добавите эти простые компоненты в свои веб-сайты, чтобы увеличить их влияние в Windows 8.

— Рахул Лалмалани (Rahul Lalmalani), руководитель программы, Internet Explorer

Skip to main content