Веб-иконки Apple

Question

Ну, есть много статей об Apple Icons, но ни одна из них не дает четкого ответа о том, как сделать ваши иконки с рамкой.

Вот способ, который я определяю в своем html:

<link href="http://www.sample.com/apple-touch-icon-precomposed.png" rel="image_src">

Вот что у меня сейчас (образец):

• 129px x 129px
• Радиус границы: 26px
• Сплошной фон

Как правильно получить значок с рамкой или внутренним свечением на всех устройствах Apple.Это довольно сложно для меня, потому что у меня нет устройства Apple.

Должен ли я иметь твердый фон?Какой радиус границы?Есть какой-нибудь особый способ выключить яблочный авто раунд?и т.д.

Answer 1

Читать это: http://developer.apple.com/library/IOs/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14

Answer 2

Я нашел это Ссылка на иконку полезной при создании иконки с рамкой вокруг нее. Он расскажет вам различные границы радиусов. Apple также имеет документ о настройке каждого размера значка.

Согласно рекомендациям Apple по разработке иконок у вас должен быть сплошной фон без прозрачности. Радиус границы, который применяет iOS, не подлежит изменению, это часть эстетики.

Вы упоминаете, что у вас нет устройства iOS для тестирования, но если у вас есть Mac, вы все равно можете использовать симулятор iOS, чтобы посмотреть, как будет выглядеть ваша иконка.