нужны ли отдельные иконки для iPad и iPhone?

Question

Я думаю о разработке веб-сайта, который выглядит как приложение. Так что я нахожусь в процессе разработки иконок и создания CSS для него.Мне было интересно, придется ли мне делать отдельные иконки для iPhone и iPad. Bcos iPad наверняка понадобятся большие иконки. Извините, если я разместил вопрос в неправильном разделе.

Спасибо

Answer 1

Руководство по интерфейсу пользователя iOS - значки веб-клипов :

Для iPhone и iPod touch создайте значки, которые имеют размеры:

• 57 x 57пикселей
• 114 x 114 пикселей (высокое разрешение)

Для iPad создайте значок, который имеет размеры:

• 72 x 72 пикселей

Руководство по веб-содержимому Safari - указание значка веб-страницы для веб-клипа :

Чтобы указать несколько значков для разных разрешений устройства - например, поддерживать обаУстройства iPhone и iPad - добавьте атрибут размеров для каждого элемента ссылки следующим образом:

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

Answer 2

См. Следующую ссылку. Он содержит iPad как симулятор в браузере. В нем есть все изображения, как на iPad. Так как это веб-контент, я надеюсь, что вы получите некоторые ресурсы здесь.

http://alexw.me/ipad2/

Спасибо.

Answer 3

Да, лучше использовать отдельную таблицу стилей
Вы можете использовать следующий код -

потому что разница в DPI вы должны использовать привет DPI для иконок ipad и iphone

Answer 4

Поскольку разрешение экрана для обоих устройств различается, возможно, вы захотите перенаправить их на совершенно разные страницы на основе строки user-agent.

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