Каковы правильные размеры пикселов для ан-сенсорный значок яблока?

голоса
69

Я не уверен, что правильный размер должен быть.

Многие сайты, кажется, повторить, что-сенсорный значок яблока должен быть 57x57 пикселей, но ссылаются на нерабочую ссылку в качестве их источника.

Hanselman «s и playgroundblues » комментарии S предлагают различные размеры , включая 163x163 и 60x60.

Собственный Apple, значок apple.com является 129x129!

Смотрите мой связанный с этим вопрос: Как я могу дать мой веб - сайты , иконки для iPhone?

Задан 04/08/2008 в 22:17
источник пользователем
На других языках...                            


11 ответов

голоса
40

Представляется, что принципы Apple, по состоянию на 3 августа 2010 года в настоящее время включают «Высокое разрешение» изображения (для iPhone 4) в своих «необходимых» размеров значков.

Похоже, что мы должны обеспечить как 57x57 и 114x114 изображение сейчас, а также 640x960 название изображения.

См Пользовательская иконка и изображение Руководство Creation (Javascript требуется) , который является частью целого документа:

Ответил 16/08/2010 в 07:15
источник пользователем

голоса
5

Из кэша Google от компании Apple Developer Connection - Web Apps Dev Center - Проектирование Content ...

Создание закладки значок Web Clip

iPhone и IPod Touch позволяют пользователю сохранять веб-клип закладки на ваш сайт на их главном экране.

Чтобы указать значок закладки для всех страниц веб-сайта, поместите PNG изображение под названием «яблоко-сенсорный icon.png» в корневой каталог вашего веб-сервера - похож на «favicon.ico» для иконок сайта.

Чтобы изменить значок сайта в закладки на определенной веб-странице, вставить элемент <ссылка> похожий на <ссылка отн = «яблоко-сенсорный значок» HREF = / «/ customIcon.png»> внутри <HEAD> элемент страницы ,

Размеры значок закладки должны быть 57x57 пикселей. Если значок другого размера она будет масштабироваться и обрезано, чтобы соответствовать.

Safari автоматически композит значок со стандартными «стекловидными» наложениями так это выглядит, как встроенный в iPhone или IPod приложение.

Ответил 07/08/2008 в 00:13
источник пользователем

голоса
3

В зависимости от того, насколько подробно вы хотите иметь, он должен иметь соотношение сторон 1: 1 (в основном - это должно быть квадратным)

Я хотел бы пойти с Apple, собственный 129 * 129

Ответил 04/08/2008 в 22:36
источник пользователем

голоса
2

В рамках своего Safari Web Content Guide, Apple на самом деле имеет общедоступную страницу под названием « Указание на веб - странице значок для веб - клипа » (Javascript требуется) , которая охватывает все резолюции и их реализации.

Ответил 22/01/2011 в 13:53
источник пользователем

голоса
2

Я не могу назвать источник для этих размеров, так как официальный справочник находится под замком и ключом АЦП.

Тем не менее, многие сайты, не NDA есть учебники о том, как создавать иконки. Например здесь:

Ответил 07/08/2008 в 00:06
источник пользователем

голоса
1

Apple , спецификации указать новые размеры для iOS7:

  • 60x60
  • 76x76
  • 120x120
  • 152x152

В то время как старые размеры для iOS6 и перед являются:

  • 57x57
  • 72x72
  • 114x114
  • 144x144

Кстати, precomposed иконки устарели.

Как следствие, для поддержки, но новые устройства (работает iOS7) и старший (iOS6 и до), эти 8 фотографий должны присутствовать и общий код:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">    
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">

Кроме того, вы должны создать 152x152 картинки с именемapple-touch-icon.png .

Вы можете знать , что это Favicon генератор может генерировать все эти снимки сразу. Полное раскрытие: Я автор этого сайта.

Ответил 15/01/2014 в 23:04
источник пользователем

голоса
1

Официальный размер 57x57. Я бы рекомендовал использовать точный размер просто из - за того , что она занимает меньше памяти при загрузке (если Apple не кэширует масштабируется представление). С учетом сказанного, Rex правильно , что любой квадратный размер будет работать

Ответил 06/08/2008 в 05:10
источник пользователем

голоса
0

Вам не придется беспокоиться за правильный размер больше. Если у вас есть itune произведение искусства файл (т.е. файл 1024 * 1024 размера) ваш значок, то я создал это приложение , которое предоставит вам все иконки на основе информации , представленную здесь . Получить приложение здесь и следуйте инструкциям в риом файле , чтобы создать все необходимые иконки для приложения IOS.

Ответил 20/04/2014 в 21:43
источник пользователем

голоса
0

Обновленный список октября 2014, iOS8

Список для iPhone и IPad с и без сетчатки

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Обновление 2014 IOS 8:

Для прошивки 8 и Iphone 6 плюса

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Iphone 6 использует то же 120 х 120 пикселей изображения, как Iphone 4 и 5 остальное такое же, как и для прошивки 7

Обновление 2013 iOS7:

Для прошивки 7 рекомендуемые резолюции изменились:

  • для iPhone Retina от 114 х 114 точек до 120 х 120 пикселей
  • для IPAD Retina от 144 х 144 точек до 152 х 152 пикселей

Другие разрешения все те же

  • 57 х 57 точек по умолчанию
  • 76 х 76 точек для IPADS без сетчатки
Ответил 12/11/2013 в 17:06
источник пользователем

голоса
0

Ссылка NilObject привела меня к большой блог пост кетчуп на значок в makentosh.com

... Конечно, все это несоответствие должно было быть рассмотрены в конце концов, не так ли? Хорошо 2,0 дело с этим в тонкой моде! Наконец 57x57 на самом деле имел в виду 57x57.

... каждый пиксель ... оказывается отлично.

Ответил 07/08/2008 в 00:36
источник пользователем

голоса
0

Я не думаю, что есть «правильный размер». Поскольку iPhone действительно работает OSX, система рендеринга значка довольно прочная. До тех пор, пока вы даете ему высококачественное изображение с правильным соотношением сторон и разрешением, по меньшей мере столь же высоко, как фактический выход будет, операционная система будет очень чисто вниз по шкале. Мой сайт использует 158x158 и значок выглядит пиксель идеально на экране iPhone.

Ответил 04/08/2008 в 22:22
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more