Html5-boilerplate: Зачем нужны 6 разных значков Apple Touch, если работает только один?

Это объясняется здесь: http://mathiasbynens.be/notes/touch-icons

«Обратной стороной является то, что эти устройства будут загружать большое высококачественное изображение, тогда как файл гораздо меньшего размера будет работать так же хорошо».
Итак, только если кто-то нажмет «Добавить на главный экран», тогда должен будет загрузиться чуть более тяжелый png (больше всего на пару килобайт) ... это вполне приемлемо, насколько я понимаю, и намного лучше, чем создание 6 значков разного размера ... и особенно лучше, если вы включаете HTML-код на страницу для загрузки всех шести.

Нил,
Если вам нужен простой способ создания этих значков, могу ли я предложить репозиторий H5BP Multi-Layer FavIcons ? Я знаю, что это беспардонный плагин, но сегодня я снова использовал его и закончил со всеми 7 изображениями, включая многослойный значок, менее чем за 10 минут.

Надеюсь, это поможет!

Хорошо спасибо. Но я все еще не согласен с тем, что создание нескольких конкретных изображений для каждого отдельного устройства - это правильный подход (не очень «отзывчивый» подход). Создание одного изображения по-прежнему быстрее / проще и чище, и я не вижу проблем с доставкой его на старые устройства, когда он не добавляет веса к загрузке страницы (он загружается только после `` запроса '' на добавление в главную screen), и мы говорим только о паре k различий между этими изображениями.

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

+1 для одного значка (и favicon.ico) без HTML-ссылок.

@mathiasbynens благодарим вас за подробное объяснение сенсорных значков. Однако мне пришлось смеяться, когда я читал резюме. Не из-за ваших предложений, а из-за того, что я ненавижу проприетарную BS. Позвольте мне резюмировать ваше резюме.

• Для полной поддержки Android вы должны использовать проприетарные HTML-теги Apple.
• Если вас интересует только iOS, вам не нужно использовать проприетарные HTML-теги Apple.
• «Ленивый» подход заключается в том, чтобы делать именно то, что делает apple.com.

Напомним, что есть две основные причины, по которым наличие множества различных сенсорных значков - лучшее решение:

• Производительность / ограничение использования тарифного плана: избегайте загрузки излишне больших изображений при добавлении на рабочий стол.
• Художественное направление: по моему опыту, дизайнеры в целом не любят полагаться на автоматическое изменение размера, а сами предоставляют значки в соответствующих размерах.

Тем не менее, я ленив и использую решение с одним значком. Но это не значит, что это должно быть решение, ИМХО.

@ryanswedal : D

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

Когда я исследовал это, мои тесты IIRC подтвердили, что сенсорные значки не запрашивались при загрузке страницы, даже с <link> .

Хорошо знать. Спасибо!

Да, +1 за подход с одним значком. Сенсорные значки не являются самодокументированными, поэтому иметь 6 в корне без возможности документировать инструмент для их синхронизации - это беспорядок и тяжелое обслуживание.

Согласен с проблемой ремонтопригодности, если у вас в корне все значки. На самом деле я не вижу хорошего решения, кроме как добавить теги <link> (символические ссылки на самом деле не решают эту проблему).

Но я не думаю, что в данный момент нам следует раздувать разметку index.html этими тегами. Mobile Boilerplate делает это.
В любом случае, я почти уверен, что легко узнать, как переместить значки в другую папку. У нас даже есть небольшой раздел по этой теме в нашей документации .

Начиная с iOS 7, рекомендуемый размер сенсорного значка для iPhone с дисплеем Retina увеличился с 114 × 114 пикселей до 120 × 120 пикселей. Мой пост был обновлен, чтобы отразить это.

Можем ли мы найти здесь решение? Мы хотим оставить все как есть или перейти к подходу с одним значком?

Что ж, мой голос, безусловно, был бы за подход с одним значком

В среду, 24 июля 2013 г., Ханс Кристиан Рейнл написал:

Можем ли мы найти здесь решение? Мы хотим оставить все как есть или перейти к
подход с одной иконкой?

-
Ответьте на это письмо напрямую или просмотрите его на Gi tHubhttps: //github.com/h5bp/html5-boilerplate/issues/1367#issuecomment -21507073
.

Нил Криг

Отправлено с мобильного: 087 2174891

http://www.fuel.ie

Чем меньше, тем проще, тем лучше. Если одного достаточно и он работает, почему бы нам не пойти с ним?

+1 за одного!

Я также хотел бы выбрать простой и отзывчивый способ, но для значков раньше было одно исключение: значки в другом масштабе могут потребовать редизайна, чтобы сделать его понятным при таком размере.

Если у вас сложный значок размером, скажем, 120x120, и вы хотите использовать его в формате 32x32, он может стать неузнаваемым. Масштабирование маленького значка до гораздо большего - не проблема с векторным форматом, но дизайнер может захотеть добавить больше деталей.

http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077#module -67936509

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

ИМО в большинстве случаев достаточно одного значка. Предоставление одного большого значка H5BP с примечанием в документации о создании значков меньшего размера для оптимизации для ясности и размера файла было бы хорошим решением.

Тем не менее, H5BP полубезубежден, поэтому все, что считается «правильным» методом, независимо от простоты, должно быть в репо.

Я сделал запрос на вытягивание, который удаляет пять из шести значков Apple Touch в # 1425.
Обратная связь очень ценится.

Пожалуйста, продолжайте обсуждение этого вопроса.

+1

: +1:

+1

Ничего страшного, если я признаю, что никогда не знал, почему их было шесть, и я счастлив, что будет один, поэтому я не буду чувствовать себя ленивым, не зная «почему»?

Совершенство достигается не тогда, когда больше нечего добавить, а когда нечего убирать.
- Антуан де Сент-Экзюпери

: +1:

У меня не было времени сделать его короче.
- Блез Паскаль
:пальцы вверх:

Некоторое время я работал только с одним изображением. Одним из недостатков является то, что многие мобильные браузеры будут запрашивать другие файлы. Нет необходимости ссылаться на них с помощью тега ссылки в HTML, но я вернулся к включению файлов корневого каталога для всех размеров в обычном и предварительно составленном виде, чтобы избежать появления в моем журнале ошибок 404 для этих запросов.

https://gist.github.com/davidhund/332316f82440ef4377f3, автор: @davidhund