Apple touch icon: The Good, the Bad and the Ugly — Favicon’s blog

Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog Ipad

Favicons — best practices

There are a number of different icons and even splash screens that you can set for various devices. This answer goes through how to support them all.

Here are some snippets I have used with relevant links to where I gathered the information. See my blog for more information and more information about the ASP.NET MVC Boilerplate project template with all this built in right out of the box (Including sample image files).

Add the following mark-up to your html head. The commented out sections are entirely optional. While the uncommented sections are recommended to cover all icon usages. Don’t be scared, most if it is comments to help you.

<!-- Icons & Platform Specific Settings - Favicon generator used to generate the icons below -->
<!-- shortcut icon - It is best to add this icon to the root of your site and only use this link element if you move it somewhere else. This file contains the following sizes 16x16, 32x32 and 48x48. -->
<!--<link rel="shortcut icon" href="favicon.ico">-->
<!-- favicon-96x96.png - For Google TV. -->
<link rel="icon" type="image/png" href="/content/images/favicon-96x96.png" sizes="96x96">
<!-- favicon-16x16.png - The classic favicon, displayed in the tabs. -->
<link rel="icon" type="image/png" href="/content/images/favicon-16x16.png" sizes="16x16">
<!-- favicon-32x32.png - For Safari on Mac OS. -->
<link rel="icon" type="image/png" href="/content/images/favicon-32x32.png" sizes="32x32">

<!-- Android/Chrome -->
<!-- manifest-json - The location of the browser configuration file. It contains locations of icon files, name of the application and default device screen orientation. Note that the name field is mandatory. -->
<link rel="manifest" href="/content/icons/manifest.json">
<!-- theme-color - The colour of the toolbar in Chrome M39 -->
<meta name="theme-color" content="#1E1E1E">
<!-- favicon-192x192.png - For Android Chrome M36 to M38 this HTML is used. M39  uses the manifest.json file. -->
<link rel="icon" type="image/png" href="/content/icons/favicon-192x192.png" sizes="192x192">
<!-- mobile-web-app-capable - Run Android/Chrome version M31 to M38 in standalone mode, hiding the browser chrome. -->
<!-- <meta name="mobile-web-app-capable" content="yes"> -->

<!-- Apple Icons - You can move all these icons to the root of the site and remove these link elements, if you don't mind the clutter. -->
<!-- apple-mobile-web-app-title - The name of the application if pinned to the IOS start screen. -->
<!--<meta name="apple-mobile-web-app-title" content="">-->
<!-- apple-mobile-web-app-capable - Hide the browsers user interface on IOS, when the app is run in 'standalone' mode. Any links to other pages that are clicked whilst your app is in standalone mode will launch the full Safari browser. -->
<!--<meta name="apple-mobile-web-app-capable" content="yes">-->
<!-- apple-mobile-web-app-status-bar-style - default/black/black-translucent Styles the IOS status bar. Using black-translucent makes it transparent and overlays it on top of your site, so make sure you have enough margin. -->
<!--<meta name="apple-mobile-web-app-status-bar-style" content="black">-->
<!-- apple-touch-icon-57x57.png - Android Stock Browser and non-Retina iPhone and iPod Touch -->
<link rel="apple-touch-icon" sizes="57x57" href="/content/images/apple-touch-icon-57x57.png">
<!-- apple-touch-icon-114x114.png - iPhone (with 2× display) iOS = 6 -->
<link rel="apple-touch-icon" sizes="114x114" href="/content/images/apple-touch-icon-114x114.png">
<!-- apple-touch-icon-72x72.png - iPad mini and the first- and second-generation iPad (1× display) on iOS = 6 -->
<link rel="apple-touch-icon" sizes="72x72" href="/content/images/apple-touch-icon-72x72.png">
<!-- apple-touch-icon-144x144.png - iPad (with 2× display) iOS = 6 -->
<link rel="apple-touch-icon" sizes="144x144" href="/content/images/apple-touch-icon-144x144.png">
<!-- apple-touch-icon-60x60.png - Same as apple-touch-icon-57x57.png, for non-retina iPhone with iOS7. -->
<link rel="apple-touch-icon" sizes="60x60" href="/content/images/apple-touch-icon-60x60.png">
<!-- apple-touch-icon-120x120.png - iPhone (with 2× and 3 display) iOS = 7 -->
<link rel="apple-touch-icon" sizes="120x120" href="/content/images/apple-touch-icon-120x120.png">
<!-- apple-touch-icon-76x76.png - iPad mini and the first- and second-generation iPad (1× display) on iOS = 7 -->
<link rel="apple-touch-icon" sizes="76x76" href="/content/images/apple-touch-icon-76x76.png">
<!-- apple-touch-icon-152x152.png - iPad 3  (with 2× display) iOS = 7 -->
<link rel="apple-touch-icon" sizes="152x152" href="/content/images/apple-touch-icon-152x152.png">
<!-- apple-touch-icon-180x180.png - iPad and iPad mini (with 2× display) iOS = 8 -->
<link rel="apple-touch-icon" sizes="180x180" href="/content/images/apple-touch-icon-180x180.png">

<!-- Apple Startup Images - These are shown when the page is loading if the site is pinned -->
<!-- apple-touch-startup-image-1536x2008.png - iOS 6 & 7 iPad (retina, portrait) -->
<link rel="apple-touch-startup-image"
      media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)">
<!-- apple-touch-startup-image-1496x2048.png - iOS 6 & 7 iPad (retina, landscape) -->
<link rel="apple-touch-startup-image"
      media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)">
<!-- apple-touch-startup-image-768x1004.png - iOS 6 iPad (portrait) -->
<link rel="apple-touch-startup-image"
      media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)">
<!-- apple-touch-startup-image-748x1024.png - iOS 6 iPad (landscape) -->
<link rel="apple-touch-startup-image"
      media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)">
<!-- apple-touch-startup-image-640x1096.png - iOS 6 & 7 iPhone 5 -->
<link rel="apple-touch-startup-image"
      media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)">
<!-- apple-touch-startup-image-640x920.png - iOS 6 & 7 iPhone (retina) -->
<link rel="apple-touch-startup-image"
      media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)">
<!-- apple-touch-startup-image-320x460.png - iOS 6 iPhone -->
<link rel="apple-touch-startup-image"
      media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)">

<!-- Windows 8 Icons - If you add an RSS feed, revisit this page and regenerate the browserconfig.xml file. You will then have a cool live tile!
     browserconfig.xml - Windows 8.1 - Has been added to the root of the site. This points to the tile images and tile background colour. It contains the following images:
     mstile-70x70.png - For Windows 8.1 / IE11.
     mstile-144x144.png - For Windows 8 / IE10.
     mstile-150x150.png - For Windows 8.1 / IE11.
     mstile-310x310.png - For Windows 8.1 / IE11.
     mstile-310x150.png - For Windows 8.1 / IE11.
     See and -->
<!-- application-name - Windows 8  - The name of the application if pinned to the start screen. -->
<!--<meta name="application-name" content="">-->
<!-- msapplication-TileColor - Windows 8 - The tile colour which shows around your tile image (msapplication-TileImage). -->
<meta name="msapplication-TileColor" content="#5cb95c">
<!-- msapplication-TileImage - Windows 8 - The tile image. -->
<meta name="msapplication-TileImage" content="/content/images/mstile-144x144.png">

My browserconfig.xml file. Full explanation above.

<?xml version="1.0" encoding="utf-8"?>
      <square70x70logo src="/Content/Images/mstile-70x70.png"/>
      <square150x150logo src="/Content/Images/mstile-150x150.png"/>
      <square310x310logo src="/Content/Images/mstile-310x310.png"/>
      <wide310x150logo src="/Content/Images/mstile-310x150.png"/>

My manifest.json file. Full explanation above.

    "name": "ASP.NET MVC Boilerplate (Required! Update This)",
    "icons": [
            "src": "/Content/icons/android-chrome-36x36.png",
            "sizes": "36x36",
            "type": "image/png",
            "density": "0.75"
            "src": "/Content/icons/android-chrome-48x48.png",
            "sizes": "48x48",
            "type": "image/png",
            "density": "1.0"
            "src": "/Content/icons/android-chrome-72x72.png",
            "sizes": "72x72",
            "type": "image/png",
            "density": "1.5"
            "src": "/Content/icons/android-chrome-96x96.png",
            "sizes": "96x96",
            "type": "image/png",
            "density": "2.0"
            "src": "/Content/icons/android-chrome-144x144.png",
            "sizes": "144x144",
            "type": "image/png",
            "density": "3.0"
            "src": "/Content/icons/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png",
            "density": "4.0"

A list of the files in the project (Note that the names of these files are important if you decide to put some of them at the root of your project to avoid using the above meta tags):

    apple-touch-icon-precomposed.png (180x180)

Total Overhead

Читайте также:  ‎App Store: Отслеживание статуса в сети

If you take out the comments that’s 3KB of extra HTML, if you don’t support splash screens that’s 1.5KB. If you are using GZIP compression on your HTML content, which everyone should be doing these days, that leaves you with about 634 Bytes of overhead per request to support all platforms or 446 Bytes without splash screens. I personally think its worth it to support IOS, Android and Windows devices but its your choice, I’m just giving the options!

Side Note About The Current Web Icon/Splash Screen/Settings Situation

This situation with vendor specific icons, splash screens and special tags to control the web browser or pinned icons is ridiculous. In a perfect world we would all use a favicon.svg file which could look good at any size and could be placed at the root of the page. Only FireFox supports this at the time of writing (See

However, icons are not the only setting these days, there are several other vendor specific settings (shown above) but a favicon.svg file would cover most use cases.


Updated to include the new Android/Chrome version M39 favicon/theming options. Interestingly, they have gone with a similar approach to Microsoft but are using a JSON file instead of XML.

Ipod nano

Теперь бегло познакомимся со вторым героем нашего сегодняшнего исследования — iPod nano. Так как обычные портативные цифровые плееры мы уже более полутора лет не тестируем, то в случае с iPod nano (который взят все-таки в качестве довеска к iPod touch) обойдемся довольно кратким рассказом (без подробного описания всех возможностей) и изложением субъективных впечатлений от использования.

Читайте также:  ‎INKHUNTER Try Tattoo Designs on the App Store

Напомним, что в отличие от iPod touch это просто плеер — без интернет-функций, камер, возможности устанавливать приложения и прочих смартфонных радостей. Однако среди тех пользователей, которым нужен именно плеер, модели линейки iPod nano пользуются стабильным спросом (несмотря на довольно высокую стоимость).

Ipod touch

Давайте посмотрим на технические характеристики iPod touch и сравним их с iPod touch предыдущего поколения, iPhone 5 и iPhone 4S.

 Apple iPod touch пятого поколенияApple iPod touch четвертого поколенияApple iPhone 5Apple iPhone 4S
Экран4″, IPS, 640×1136, 326 ppi3,5″, 640×960, 330 ppi4″, IPS, 640×1136, 326 ppi3,5″, IPS, 640×960, 330 ppi
SoC (процессор)Apple A5 @800 МГц (2 ядра, ARM Cortex-A9)Apple A4 @800 МГц (1 ядро ARM Cortex-A8)Apple A6 @1 ГГц (2 ядра, архитектура ARMv7s*)Apple A5 @800 МГц (2 ядра, ARM Cortex-A9)
Графический процессорPowerVR SGX543MP2PowerVR SGX535PowerVR SGX543MP3PowerVR SGX543MP2
Флэш-память 32 или 64 ГБ от 8 до 64 ГБ от 16 до 64 ГБ от 16 до 64 ГБ
Разъемыдок-коннектор Lightning, разъем 3,5 мм для наушниковдок-коннектор, разъем 3,5 мм для наушниковдок-коннектор Lightning, разъем 3,5 мм для наушниковдок-коннектор, разъем 3,5 мм для наушников
Поддержка карт памятинетнетнетнет
Оперативная память512 МБ256 МБ1 ГБ512 МБ
Камерытыловая (5 Мп; съемка видео 1920×1080), фронтальная (1,2 Мп, съемка и передача видео 720p)тыловая (0,7 Мп; съемка видео 720p), фронтальная (0,3 Мп)тыловая (8 Мп; съемка видео 1920×1080), фронтальная (1,2 Мп, съемка и передача видео 720p)тыловая (8 Мп; съемка видео 1920×1080), фронтальная (0,3 Мп)
Поддержка сетей LTE (частотные диапазоны, МГц)нетнет850 / 1800 / 2100нет
Операционная системаApple iOS 6Apple iOS 4 (доступно обновление до iOS 6)Apple iOS 6Apple iOS 5 (доступно обновление до iOS 6)
Размеры** (мм)123×59×6,1111×59×7,2124×59×7,6115×59×9,3
Масса** (г)88101112140
Читайте также:  Как почистить чехол от ipad

Разница между двумя поколениями iPod touch проявляется практически во всех параметрах: экран, SoC, объем оперативной памяти, камеры, толщина и масса… Далеко не всегда улучшения продукта столь же очевидны и несомненны, как здесь. Что же касается сравнения с iPhone, то здесь видно, что новый iPod touch располагается где-то между iPhone 5 и iPhone 4S, хотя, разумеется, оставляет обоих далеко позади по части массы и толщины.

И еще, обратите внимание, что теперь минимальный объем флэш-памяти iPod touch составляет 32 ГБ.

Что ж, давайте перейдем к личному знакомству с новинкой!

Ipod touch (5th generation) — technical specifications

Language Support
English (U.S.), English (UK), Chinese (Simplified), Chinese (Traditional), French, German, Italian, Japanese, Korean, Spanish, Arabic, Catalan, Croatian, Czech, Danish, Dutch, Finnish, Greek, Hebrew, Hungarian, Indonesian, Malay, Norwegian, Polish, Portuguese, Portuguese (Brazil), Romanian, Russian, Slovak, Swedish, Thai, Turkish, Ukrainian, Vietnamese

Keyboard Support
English (U.S.), English (Australian), English (Canadian), English (UK), Chinese — Simplified (Handwriting, Pinyin, Stroke), Chinese — Traditional (Handwriting, Pinyin, Zhuyin, Cangjie, Stroke), French, French (Canadian), French (Switzerland), German (Germany), German (Switzerland), Italian, Japanese (Romaji, Kana), Korean, Spanish, Arabic, Bulgarian, Catalan, Cherokee, Croatian, Czech, Danish, Dutch, Emoji, Estonian, Finnish, Flemish, Greek, Hawaiian, Hebrew, Hindi, Hungarian, Icelandic, Indonesian, Latvian, Lithuanian, Macedonian, Malay, Norwegian, Polish, Portuguese (Portugal), Portuguese (Brazil), Romanian, Russian, Serbian (Cyrillic/Latin), Slovak, Swedish, Thai, Tibetan, Turkish, Ukrainian, Vietnamese

Dictionary Support
English (U.S.), English (Australian), English (Canadian), English (UK), Chinese — Simplified (Handwriting, Pinyin, Stroke), Chinese — Traditional (Handwriting, Pinyin, Zhuyin, Cangjie, Stroke), French, French (Canadian), French (Switzerland), German (Germany), German (Switzerland), Italian, Japanese (Romaji, Kana), Korean, Spanish, Arabic, Bulgarian, Catalan, Cherokee, Croatian, Czech, Danish, Dutch, Estonian, Finnish, Flemish, Greek, Hawaiian, Hebrew, Hindi, Hungarian, Icelandic, Indonesian, Latvian, Lithuanian, Macedonian, Malay, Norwegian, Polish, Portuguese (Portugal), Portuguese (Brazil), Romanian, Russian, Serbian (Cyrillic/Latin), Slovak, Swedish, Thai, Turkish, Ukrainian, Vietnamese

Siri Languages
English (U.S., UK, Canada, Australia), Spanish (U.S., Mexico, Spain), French (France, Canada, Switzerland), German (Germany, Switzerland), Italian (Italy, Switzerland), Japanese, Korean, Mandarin (China mainland, Taiwan), Cantonese (Hong Kong)

Apple takes a complete product life cycle approach to determining our environmental impact. Learn more

Square icons are so mainstream

Sure, the 175×175 icon of Flickr is not standard. But at least, this square picture can be scaled as needed by iOS. On the other hand, the 155×45 picture of Kioskea cannot fit the iOS UI. Apple’s mobile platform does its best but it makes no miracle.

The 155x45 apple-touch-icon.png of Kioskea
The 155×45 apple-touch-icon.png of Kioskea

The right answer was…


. 180×180, thanks to iOS 8 (updated on September 26th, 2021).

Apple defines 4 icon sizes, from 60×60 up to 152×152. What the specifications forget to mention is that these sizes are for iOS 7. To support iOS 6 and prior, you need 4 other dimensions.

iOS 6 and prior57×57114×11472×72144×144
iOS 760×60120×12076×76152×152

The specifications do not explicitly define the size of the apple-touch-icon.png picture, but  a good practice is to provide a 152×152 picture. An iPad with a Retina screen running iOS 7 will use it as is, while the other devices will scale it as needed (unless they find a more suitable icon).

Автономная работа

Один из самых важных параметров мобильных устройств — автономная работа. Сколько девайс протянет без подзарядки? iPad здесь демонстрирует впечатляющие показатели. У нас не было возможности посадить батарейку до нуля, однако, воспроизведение тестовых видеороликов показывает, что обещанные Джобсом 10 часов (даже при активной работе с мультимедиа) — это не миф.

Можете смело брать с собой iPad, когда поедете в Штаты — его хватит на все время перелета через Атлантику даже при беспрерывной работе и воспроизведении мультимедиа. Однако, есть и обратная сторона: заряжается iPad очень долго, больше 6 часов. Поэтому лучше ставить его на зарядку на всю ночь.

Внешний вид и интерфейс ipad

С упаковкой разобрались, теперь посмотрим на сам iPad. Он сразу производит впечатление, его хочется взять в руки и как можно быстрее освободить от защитной пленки, чтобы начать пользоваться.

С точки зрения дизайна iPad великолепен: традиционный минимализм Apple, идеальная форма (устройство не кажется ни вытянутым, ни сплюснутым), черное глянцевое яблочко на серебристой задней панели… Кстати, цвет хочется отметить особо. Не знаю, почему Apple отказалась от серебристого металлика в последних двух поколениях iPhone — на мой взгляд, это гораздо изящнее и эффектее, чем черный или белый пластик.

Экран выглядит превосходно: даже на солнце его яркости хватает для чтения текста. Что касается дизайна интерфейса, то здесь все очень похоже на iPhone и iPod Touch. За одним существенным исключением: в iPad вы можете ставить обои не только на экран блокировки (как в iPhone / iPod Touch), но и на экран «Домой».

Второй способ: закачиваем в фотогалерею iPad (приложение «Фото») любую картинку разрешением 1024×768, кликаем на стрелочку в правом верхнем углу, нажимаем «Сделать обоями», после чего, опять-таки, выбираем экран (можно поставить и на оба экрана) и получаем новую заставку на рабочем столе или на экране блокировки!

Кстати, начиная с четвертой версии прошивки iPhone (iPhone OS 4) эта возможность будет доступна и пользователям iPhone / iPod Touch.


Говоря о функциональности, стоит отметить, в первую очередь, возможность воспроизводить видеофайлы. У прошлого поколения iPod nano такого не было. Впрочем, надо признать, что эта возможность все-таки сделана «для галочки»: во-первых, экран все-таки слишком маленький (2,5 дюймов, 240×432) для того, чтобы говорить о сколь-нибудь комфортном просмотре видео.

Сегодня это умеет любой, даже самый дешевый смартфон, а у него экран больше. Во-вторых, качество экрана iPod nano не самое лучшее: матрица TN с небольшими углами обзора, плотность точек — 202 ppi, что маловато. Зато запас яркости хороший, и это главное: поменять трек на ярком солнце проблемой не будет.

Набор приложений (они отображаются в виде круглых иконок) таков: Музыка, Видео, Фитнес, Подкасты, Фото, Радио и Часы. Восьмая иконка приводит нас в настройки. По функциональности перечисленных приложений все вполне предсказуемо и в целом знакомо по предыдущим моделям iPod nano.

Разве что приложение Фитнес получило ряд усовершенствований (любителям этой функции iPod стоит обратить внимание на новый nano). Интерфейс приложений интуитивно понятный, особенно для пользователей iOS-устройств (некоторые элементы интерфейса iPod nano очень похожи на iOS).

Вопрос: как объявить плитку для планшетов на windows 8?

A: Планшет на Windows 8? Что это такое?B: favicon.ico.

Наследие Стива Балмера.

C: Мета-теги. Два msapplication-TileColor и msapplication-TileImage.D: browserconfig.xml.

Ответ: C для Windows 8 и IE 10, D для Windows 8.1 и IE 11. Ответ A в чем-то тоже верен.

Объявление для Windows 8.0 выглядит как-то так:

Windows 8.1 и IE 11 ожидают несколько версии изображения, объявленных в browserconfig.xml. Например:

Вопрос: каков размер apple touch icon?

Apple Touch icon используемые iOS для закладок и сайтов «на домашнем экране». На ум приходит 57х57, браво. Это правильно. Только это было 7 лет назад, когда был выпущен первый iPhone.

Ответ: Вплоть до 180х180.

После появления первого iPhone, было 3 важных релиза:

Всего есть 9 комбинаций.

Apple touch icon: The Good, the Bad and the Ugly - Favicon's blogСтарая 57х57 Apple Touch icon на блестящем Retina iPad. Мутно.Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog
Большая 152х152 Apple Touch icon на Retina iPad. Аккуратно.

Если вы ответили неверно, не расстраивайтесь. Из 5000 популярных сайтов, которые предоставляют apple-touch-icon.png, менее 4% делают это правильно.

Некоторый могут возразить, что все 9 изображений не очень и нужны. Однако, по крайней мере, основная Apple Touch icon должна быть 152х152. Retina iPad под iOS 7 найдет что нужно, а младшие устройства могут уменьшить изображение.

A: 150х150.

Вы не умеете читать?

B: Иной.

Ответ: B, 270х270.Майкрософт рекомендует больший размер, в целях поддержки экранов с высокой плотностью пикселов.

Поздравляем, вы закончили викторину! Как вы это сделали?

Суть этих вопросов — показать какой сложной может быть действительность, несмотря на кажущуюся простоту. Времена, когда фавикон был единственным favicon.ico давно ушли. Но старые привычки сохраняются и могут привести к абсурдным ситуациям. Мы тратим дни на аккуратный отзывчивый дизайн и добавляем только 57х57 Apple Touch icon, подходящий только для старых устройств, которыми сегодня уже почти никто не пользуется.

Вопрос: каково назначение favicon.png?

На самом деле, чаще встречается другой файл, favicon.png. Люди

об этом.

Что это на самом деле?

A: Иконка для браузеров не поддерживающих favicon.ico. Такие как Firefox, наверно?B: Иконка высокого разрешения. Знаете, со всеми этими новыми экранами с высокой плотностью пикселей.C: Артефакт из прошлого. Теперь это новые иконки, например, Apple Touch icon.D: Всё вместе.

Ответ: D.Начиная с принятия HTML5, favicon.ico не слишком полезен. Был представлен атрибут sizes, позволяющий объявить несколько различных версии одной и той же иконки, и это могут быть PNG файлы:

Вопрос: какого размера должен быть favicon.ico?

A: 16х16.


B: 32х32.

Разве фавикон не обновлялся некоторое время назад?

C: 64×64.

Знаете, со всеми этими новыми экранами с высокой плотностью пикселей.

D: Ни один из перечисленных.

Ответ: D.

Формат favicon.ico изначально задуман Майкрософт и поддержан некоторыми другими производителями. Майкрософт рекомендует размеры 16х16, 32х32 и 48х48. Да, один ICO может содержать несколько изображений.

Браузеры обычно отображают фавикон на вкладках, и на обычных разрешениях, версия 16х16 выглядит хорошо:
Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog
16х16 на вкладке Chrome. Пока всё хорошо.Но иконка 16х16 слишком мала для других мест: панели задач и рабочего стола.
Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog
16х16 в панели задач.Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog
16х16 на рабочем столе. Не хорошо.Когда иконка содержит несколько изображений, результат гораздо лучше.
Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog
16х16, 32х32 и 48х48 favicon.ico в панели задач. Выглядит как обычная программа.Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog
16х16, 32х32 и 48х48 favicon.ico на рабочем столе. Идеально.

Вопрос: какой формат необходим для поддержки мобильных платформ?


, больше 26% веб-трафика генерируется смартфонами и планшетами. Это будущее. Что нужно для поддержки этого мира?

A: favicon.ico. Это работало 15 лет назад, работает и сегодня.B: PNG иконки. Вы сказали, что расскажете об этом.C: Apple Touch icon. Кэп.D: Здесь, всё равно, нет правильного ответа.

Ответ: D. Нужны PNG иконки. И Apple Touch icon. И плитки для Windows 8. И файл под названием browserconfig.xml.

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


Прошлый iPod nano был одним из самых необычных и смелых продуктов Apple. Для многих пользователей квадратный iPod стал не только плеером, но модным аксессуаром – его носили на руке в качестве часов. Новый nano возвращается к классическому облику (созданному моделями второго/третьего поколений), но только он теперь компактнее и с бо́льшим экраном (естественно, сенсорным). Фактически, новый iPod nano выглядит как уменьшенная копия iPod touch.

Корпус iPod nano – алюминиевый, цветовых модификаций – множество: черная, сереберистая, красная, фиолетовая, желтая, зеленая и лазурно-голубая. Как и в случае с iPod touch, только у черной модификации фронтальная поверхность тоже имеет черный цвет. Все остальные – спереди белые. В центре под экраном – круглая кнопка Home.

Не могу сказать, что внешний вид iPod nano привел меня в восторг. Он выглядит простовато, без изюминки. Ему не хватает той оригинальности и смелости, которые привлекали в модели предыдущего поколения. С другой стороны, новый nano тоньше (всего 5,4 мм!), а более крупный экран дает большую функциональность.


Один из самых интересных моментов в отношении iPod touch — это камера. Как мы уже говорили, не очень качественная камера iPod touch прошлого поколения была одним из главных недостатков этого устройства. Никакого сравнения с камерой iPhone 4 она не выдерживала.

При написании статьи про Nokia Lumia 920 мы достаточно подробно сравнивали тыловую этого смартфона с камерами iPod touch и iPad 4 (аналогичная оптика в iPhone 5). Здесь просто повторим наши выводы. Так что если вы читали материал про Lumia 920, нижеследующий текст про камеры можете смело пропускать.

Для начала — наш традиционный дневной снимок из окна офиса (приведены 100%-ные фрагменты, по щелчку доступны оригиналы).

Как видим, у Nokia чуть более насыщенные цвета, но и более темная картинка в целом. А вот четкость повыше у iPad 4. И вообще, картинка камеры Nokia никак не тянет на 8 Мп — в таком разрешении снимки показывать нельзя (разве что уточнить для себя какие-то детали).

Теперь поставим более сложную задачу: съемка городской улицы ночью, из окна полностью темной комнаты. Приводим уменьшенные кадры (по щелчку доступны оригиналы).

А вот здесь уже безоговорочную победу можно присудить Nokia Lumia 920. Обратите внимание: ключевым моментом успеха является выдержка 1/3 с (!) без смаза, в то время как конкуренты «не рискнули» так долго экспонировать снимок (ограничившись 1/15 с). Ну и по шумам полученная картинка Lumia 920 (хотя она, конечно, неидеальна) для светочувствительности ISO 800 очень и очень неплоха.

Следующая пара кадров (Nokia Lumia 920 и iPod touch; iPad 4 мы не использовали) была сделана на презентации, в нормально освещенной комнате, с расстояния в несколько метров от докладчика. Приводим 100%-ный фрагмент.

В принципе, оба устройства проявили себя не лучшим образом. Но все-таки очевидно, что Nokia Lumia 920 показала более удовлетворительный результат.

И последнее — наша традиционная съемка листа с текстом, лежащего на подоконнике днем. Приводим 100%-ный фрагмент.

Здесь все устройства справились (причем во всех дублях) с основной задачей — чтобы текст был различим. Но нюансы все же есть. У Nokia самый естественный цвет, но при этом есть заметные артефакты. А самым четким оказался снимок на iPod touch.

Производительность и автономная работа

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

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

И, опять же, в случае с такими устройствами продолжительность автономной работы уже не так критична. Придется ли вам подзаряжать плеер через полторы недели или две — так ли это принципиально? Одно можно сказать точно: если вы слушаете музыку каждый день по пути на работу или учебу и раньше использовали для этого смартфон, имеет смысл задуматься о приобретении такого плеера, как iPod nano. С ним вы точно не останетесь без музыки под конец дня.

Производительность, ос и автономная работа

По заведенной традиции «внутренности» iPod touch на один шаг отстают от «внутренностей» iPhone. То есть когда iPhone (4S) комплектовался SoC Apple A5, iPod touch аналогичного поколения работал на SoC Apple A4. Теперь же в iPhone — Apple A6, а iPod touch содержит Apple A5.

Отчасти это обосновано стремлением к удешевлению устройства, отчасти – отсутствием сотового модуля и, соответственно, меньшей потребностью в производительности. Что касается объема оперативной памяти, эти данные Apple традиционно не афиширует, но независимые источники сообщают, что iPod touch нового поколения оснащен 512 МБ RAM, как и iPhone 4S.

Поскольку нам производительность iPhone 4S (как в сравнении с более ранними моделями, так и в сравнении с iPhone 5) хорошо известна, мы не будем здесь сосредоточиваться на этом вопросе. Отметим лишь, что даже для современных 3D-игр этого вполне достаточно.

iPod touch работает на новейшей версии операционной системы Apple iOS 6. С ней мы тоже хорошо знакомы. Никакой разницы по сравнению с iPhone здесь нет, за исключением отсутствия приложений для звонков по сотовой сети и отправки SMS-сообщений (вместо этого здесь есть приложение Сообщения, которое запускает службу iMessage).

Данные о емкости батареи, как и объем оперативной памяти, Apple тоже оставляет за кадром, сообщая лишь время работы от батареи в определенных сценариях. Исходя из этих цифр (до 8 часов воспроизведения видео) мы можем сделать вывод, что у iPod touch батарея чуть менее емкая, чем у iPhone 5 и 4S (у них эта цифра равна 10 часам), однако в случае с iPod touch это немного фантомные цифры.

Потому что вряд ли кто-то будет на iPod touch смотреть восемь часов видео. Более вероятно, что вы разрядите батарею 3D-игрой, поскольку в наиболее требовательных проектах при игре с максимальной яркостью экрана плеер продержится около 2,5 часов (результат, близкий к iPhone 5 и 4S).

Но вообще, специфика использования iPod touch такова (говорю, как многолетний пользователь iPod touch), что большую часть времени он просто лежит в кармане и лишь время от времени извлекается оттуда: для смены звучащего трека, если вы слушаете музыку, для кратковременного выхода в интернет, если вы в зоне действия Wi-Fi, для просмотра фотографий или чтения, если есть свободная минутка (например, в транспорте).

На iPhone вам регулярно приходят SMS и письма, на которые вы отвечаете, а кроме того, вы читаете RSS-ленты, совершаете звонки, выходите в интернет через 3G… Поэтому заряд iPhone сгорает за сутки (может, чуть больше), тогда как iPod touch лично я заряжаю примерно раз в неделю.

Работа с itunes / app store

Теперь приступим к работе. Как известно, для начала нам надо «подружить» новое устройство Apple с iTunes. И я опасался, что уже на этом этапе возникнут какие-то проблемы из-за регионального несоответствия. Но, как оказалось, «знакомство» американского iPad с русским iTunes проходит без каких-либо препятствий.

Мы видим меню, знакомое любому пользователю iPhone и iPod Touch. Аналогично и с последующими синхронизациями. Вы можете без проблем добавить в iPad музыку, фильмы, подкасты, фото, которые использовали в iPhone или iPod Touch.

Однако, помимо привычных пунктов в меню синхронизации мы видим и новую закладку: Книги. Действительно, одной из основных функций iPad — чтение книг. Устройство позиционируется как ридер. Но здесь мы сталкиваемся с очень большим разочарованием: чтение книг возможно только через специальное приложение iBooks, которое было анонсировано одновременно с iPad. В американском App Store оно, разумеется, уже доступно, а вот российские пользователи пока остаются не у дел.

Упаковка и комплектация

iPod touch поставляется в традиционной для плееров Apple прямоугольной коробке из прозрачного пластика.

Внутри мы обнаружим сам плеер с ремешком (о его предназначении будет рассказано ниже), краткое руководство пользователя, кабель Lightning и наушники EarPods (о них, равно как и о разъеме Lightning мы подробно рассказывали в статье про iPhone 5).

Когда впервые берешь iPod touch в руки, то поражаешься: какой же он легкий и тонкий! Казалось бы, Apple всегда шла по пути утоньшения и iPod touch (сравните первое и четвертое поколение!). Но в случае с предыдущим поколением толщина устройства определялась толщиной 30-контактного разъема.

Его толщина – 6,1 мм (вместо прежних 7,2 мм). Вдобавок к этому, уменьшилась и масса: вместо прежних 101 грамма новое устройство весит всего 88,2 грамма. И это при том, что iPod стал больше в высоту – 123,4 вместо 111 мм. Как и iPhone 5, новый iPod touch теперь имеет вытянутый экран с соотношением сторон 16:9 (а не 4:3, как у всех предыдущих поколений iOS-устройств Apple).

Всего выпущено 5 цветовых модификаций iPod touch: черная, серая, красная, желтая и лазурно-голубая (здесь поклонники продукции Apple сразу вспомнят о легендарном полупрозрачном iMac G3, хотя у iPod touch цвет все-таки более голубой). Передняя панель у всех iPod touch – белая, кроме черной модификации, у которой спереди тоже черный цвет.

У нас на тестировании была модель голубой расцветки.

Материал корпуса iPod touch – анодированный алюминий, тогда как предыдущее поколение iPod touch производилось из стали. Еще одно отличие – более четкие грани (у iPod touch четвертого и пятого поколений грани скруглены настолько, что плавно переходят в заднюю панель).

Вдобавок ко всему, у нового iPod touch есть одна очень любопытная деталь: это металлическая кнопочка на левом нижнем углу (если смотреть на тыловую сторону устройства).

Эта кнопочка – не что иное, как защелкивающееся крепление для ремешка, который идет в комплекте с iPod touch. Ремешок пригодится тем, кто будет использовать iPod touch в качестве фотоаппарата. К слову, наличие камеры достойного качества – одно из главных отличий нового iPod touch от моделей предыдущих поколений (впрочем, о камере мы еще поговорим ниже).

В целом, дизайн iPod touch восхищает и вызывает желание обладать этим устройством. А еще – пробуждает горячее любопытство: насколько производительно такое тонкое и легкое устройство? Мы ответим на этот вопрос.


Одной из главных привлекательных особенностей iPod touch четвертого поколения, вышедшего одновременно с iPhone 4, был Retina-дисплей. Это было двойной сенсацией: во-первых, Retina-дисплей как таковой был на тот момент чем-то революционным, а во-вторых, iPod touch с таким экраном стоил более чем в полтора раза дешевле, чем iPhone 4.

Однако, в такой щедрости был один подвох: хотя количество точек на дюйм у iPhone 4 и iPod touch действительно было идентичным, качество экрана (в частности, углы обзора) у iPod touch оказалось существенно хуже. Поэтому мы с замиранием сердца ожидали возможности взять в руки новый iPod touch, так как боялись, что с ним ситуация повторится. К счастью, теперь Apple действительно оснастила iPod touch экраном, идентичным по качеству с экраном iPhone 5.

Подробную экспертизу экрана iPhone 5 в сравнении с iPhone 4S подготовил редактор раздела «Проекторы и ТВ» Алексей Кудрявцев.

Лицевая поверхность экрана прикрыта стеклянной пластиной с зеркально-гладкой поверхностью, устойчивой к появлению царапин. Есть слабый антибликовый фильтр и не очень эффективное олеофобное (жироотталкивающее) покрытие, поэтому следы от пальцев появляются не так быстро, как в случае обычного стекла, а удаляются легче.

При ручном управлении яркостью ее максимальное значение составило 424 кд/м², минимальное — 3,8 кд/м². В итоге на максимальной яркости при ярком дневном свете на экране можно будет что-то рассмотреть без особых проблем, а в полной темноте яркость можно понизить до комфортного уровня. Автоматической регулировки яркости нет. На пониженной яркости модуляции подсветки нет совсем, поэтому мерцание подсветки отсутствует.

В iPod touch используется матрица типа IPS, поэтому экран имеет очень хорошие углы обзора без инвертирования оттенков и без значительного сдвига цветов даже при больших отклонениях взгляда от перпендикуляра к экрану. Можно заметить, что при отклонении по диагонали яркость черного поля повышается и черный цвет приобретает красно-фиолетовый оттенок, однако это диагональное повышение яркости очень и очень незначительное. При перпендикулярном взгляде равномерность черного поля хорошая. Время отклика при переходе черный-белый-черный равно 25,2 мс (13,6 мс вкл. 11,6 мс выкл.), переход между полутонами 25% и 75% (по численному значению цвета) и обратно в сумме занимает 38,5 мс. Контрастность высокая — 1070:1. Построенная по 32 точкам гамма-кривая не выявила завала ни в светах, ни в тенях, а показатель аппроксимирующей степенной функции равен 2,18, что очень близко к стандартному значению в 2,2, при этом реальная гамма-кривая практически совпадает со степенной зависимостью:

Цветовой охват фактически равен sRGB:

Видимо, светофильтры матрицы подмешивают компоненты друг к другу в умеренной степени. Спектры это подтверждают:

Баланс по цветовой температуре хороший — оттенки серого имеют цветовую температуру примерно 7000 К. Отклонение от спектра абсолютно черного тела (дельта Е) относительно большое, хотя и ниже 10, что для непрофессионального устройства считается допустимым.

При этом как цветовая температура, так и ΔЕ мало изменяются на всей имеющей значение части шкалы серого, что положительно сказывается на субъективном восприятии качества цветопередачи. (Близкий к черному диапазон можно не учитывать, так как в нем цветопередача не так важна, а погрешность измерения цветовых характеристик высокая.)

Судя по всему, в iPod touch используется точно такая же матрица, как и в iPhone 5. В результате экраны обоих этих устройств по совокупности всех основных характеристик оставляют далеко позади все протестированные нами экраны мобильных устройств.


Among the apple-touch-icon.png pictures that follow the dimensions of Apple specifications, 85% of them stick to the old versions of iOS. Only 15% follow iOS 7, released 6 months ago. Apparently, webmasters are not in a hurry to update them.

The overall results are positive, with only 32% of picture with undocumented dimensions. Even if these dimensions are sometimes surprising, most of them are processed correctly by iOS. Yet some sites should definitely update their icons.

Maybe the most striking figure is the amount of different sizes encountered during this study: 60 different resolutions were found, from the popular 57×57 to the unique 110×110 of the NCAA. This number reveals how fragmented the information is. 57×57 is still broadly advertised. 114×114 has its fans. 129×129 was popular for a while…

Ipod (5-го поколения, конец 2006 г.), устройство также известно как «ipod с поддержкой видео» или «ipod 5-го поколения»

  • Навигация: колесо управления
  • Объем памяти: 30 и 80 ГБ
  • Номер модели и дата выпуска: A1238, сентябрь 2006 г.

Последними тремя символами серийного номера должны быть V9K, V9P, V9M, V9R, V9L, V9N, V9Q, V9S, WU9, WUA, WUB, WUC или X3N. Последними тремя символами серийного номера iPod Special Edition U2 (5-го поколения, 30 ГБ, конец 2006 г.) должны быть W9G.

Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog

Resolution is one thing, file size is another. The studied icons weigh 8.5KB on average, but some pictures are way larger. Yelp’s icon is 91KB, which is a lot when you consider that it is 57×57.

91KB, 57x57 Yelp icon
91KB, 57×57 Yelp icon

Addic7ed doubles this figure with its fancy 198KB, 1341×1609 icon. Very strange design by the way.

Addic7ed's... icon
Addic7ed’s… icon

The winner in this category is ClipHunter with its 631KB icon! Sure, the drawing deserves all its bits (not safe for work, really).

But the most disappointing icon is probably Apple’s. With 96KB, the message is clear: buy an iPhone 5 and upgrade your plan to 4G.


Apple сделала едва ли не самое серьезное обновление линеек iPod touch и iPod nano за всю их историю. Новый iPod touch получился по всем параметрам лучше предыдущей модели. Более того, теперь touch как никогда близок к iPhone по характеристикам, но при этом он еще тоньше и легче, да и в целом его дизайн превосходен.

Кроме того, показательна разница в цене между iPod touch и iPhone 5: крупнейший реселлер Apple в России продает 32-гигабайтную версию iPod touch за 14 990 рублей, а iPhone 5 с аналогичной емкостью памяти — за 36 990. И даже iPhone 4S стоит у этого реселлера более чем вдвое дороже нового iPod touch — 31 990.

На мой взгляд, главное достоинство iPod touch — это отсутствие «подводных камней», которые портили впечатление от предыдущей модели. Экран теперь действительно идентичен экрану iPhone, а камера — достаточно качественна, чтобы ей можно было спокойно пользоваться в повседневной жизни.

iPod nano тоже получился довольно удачным, хотя харизмы своего предшественника новинке не хватает. И лично я, встань передо мной задача выбора плеера, еще подумал бы, покупать новый iPod nano или предыдущий (квадратный). Впрочем, каких-либо серьезных недостатков у нового nano найти не удалось, так что этот продукт можно назвать достойным представителем этой замечательной линейки.

Одно огорчает: цена, которую на него установили официальные российские реселлеры, выглядит совсем неадекватной: за 7490 рублей (примерно столько просят за 16-гигабайтную модель) можно у того же реселлера купить 8-гигабайтный белый iPod touch предыдущего поколения.

А это все-таки принципиально иная функциональность. В США iPod nano стоит 149 долларов, и даже это на грани разумного: все-таки даже для любителей слушать музыку вне дома плеер сегодня является не самой обязательной покупкой (смартфон, как уже было отмечено, справляется с теми же задачами ничуть не хуже, разве что придется внимательнее следить, чтобы он не разрядился в самый неподходящий момент).

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

Последний вопрос, который встает в отношении iPod touch и iPod nano — это качество звука. Все-таки данные модели относятся к плеерам (хотя iPod touch справедливее было бы назвать не прижившимся, но довольно универсальным термином MID: mobile internet device).

Мы не стали проводить полноценное тестирование звукового тракта новых iPod, поскольку субъективное тестирование в сравнении с моделями предыдущего поколения (при этом использовались наушники EarPods) не выявило какой-либо существенной разницы. А нюансы звучания вряд ли столь принципиальны в устройствах подобного плана: ориентированных на MP3, использующихся в основном на улице и с наушниками не аудиофильского класса.

За сочетание великолепного экрана и сверхтонкого и легкого корпуса мы присваиваем iPod touch пятого поколения нашу редакционную награду Original Design.

Ipod shuffle (3-го поколения, конец 2009 г.)

  • Навигация: наушники Apple с пультом ДУ
  • Объем памяти: 2 и 4 ГБ
  • Номер модели и дата выпуска: A1271, сентябрь 2009 г.

iPod shuffle (3-го поколения, конец 2009 г.) оснащен трехпозиционным переключателем, который используется для выключения, воспроизведения по порядку и в произвольном порядке, как и в первоначальной модели iPod shuffle. Эта модель имеет порт для наушников, который также служит для подключения к порту USB компьютера. Кроме того, на ней имеется зажим, как на iPod shuffle (2-го поколения). iPod shuffle (3-го поколения, конец 2009 г.) меньше устройств предыдущих поколений и имеет один светодиодный индикатор состояния. У предыдущих моделей iPod shuffle два таких индикатора.

Apple touch icon: The Good, the Bad and the Ugly - Favicon's blog

iPod shuffle (3-го поколения, конец 2009 г.) представлен в пяти цветах.

iPod shuffle (3-го поколения, конец 2009 г.) специального ограниченного выпуска с памятью 4 ГБ можно приобрести только в магазине Apple Store. Корпус модели изготовлен из полированной нержавеющей стали.

Общие впечатления и выводы

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

То, что с легкостью реализуется на дешевеньких нетбуках (например, редактирование текста), здесь невозможно. То, что не составит труда владельцу ридера (скажем, закачать текст в .doc и ознакомиться с ним в дороге), на iPad делается через такие «танцы с бубном», что сто раз еще подумаешь, а так ли оно тебе надо.

Читать на iPad удобно только сидя. Если же вы стоите в метро, то продержать его на весу больше десяти минут вам вряд ли удастся (девайс довольно увесистый). И так практически со всеми функциями. А ведь iPad стоит в Америке почти 500 долларов (самая младшая модель с 16 ГБ памяти)!

Больше, чем любой ридер или нетбук (не говоря уже о плеерах). Но даже это кажется божеской ценой по сравнению с тем, за сколько он продается в России. Различные интернет-магазины просят за младшую модель 30-35 тысяч рублей, и до старта официальных продаж цена вряд ли снизится. Да и нет никакой уверенности, что потом он будет стоить меньше 25 тысяч. «Это Россия, сынок!».

Оцените статью
iPad Мобайл
Добавить комментарий