Страница 2 из 3

Favicon

Добавлено: 23 июл 2014, 09:25
Татьяна5
Xisp писал(а):72х72
Чтобы её добавить - иконка должна быть в архиве, а я дизайнерскими навыками не обладаю
(Фавикон 16х16 - это иконка "пользователи" из phpBB)

Favicon

Добавлено: 23 июл 2014, 17:55
Xisp
Татьяна5 писал(а):а я дизайнерскими навыками не обладаю
Я тоже :mrgreen:
Вот, на скорую руку:
Изображение
Добавлять как apple-touch-icon, тогда айфон сам скруглит и наложит градиент.

Favicon

Добавлено: 23 июл 2014, 17:58
Татьяна5
Иконки не совпадают. В архиве Изображение

Favicon

Добавлено: 23 июл 2014, 21:45
Xisp
А, ну да. Вот:
Изображение

Favicon

Добавлено: 27 июл 2014, 10:51
Татьяна5
Добавила apple_touch_icon, с отключением в админке

Favicon

Добавлено: 03 авг 2014, 01:18
Xisp
Татьяна5 писал(а):Разве что "рюшечку" в виде набирающегося или мигающего текста в заголовке добавить (с отключением её в админке)... Хотя это, по-моему, совершенно лишнее...
Идея- добавлять к фавикону число непрочитанных уведомлений. Если вкладка закреплена в файрфоксе, или просто много окон в любом браузере, это поможет.

Favicon

Добавлено: 03 авг 2014, 21:53
Classic
Про favicon для Apple устройств http://davidwalsh.name/retina-favicons

Favicon

Добавлено: 14 авг 2014, 21:35
Alecto
Хорошее расширение.
Но - там всего-то 1 строчка реально нужна.
С другой стороны - тренировка.
Спасибо за пример оформления.
Скажите, какое разрешение должно быть у PNG (не для айфона)? Искал в гугле - так и не нашел внятных рекомендаций.

Favicon

Добавлено: 15 авг 2014, 09:22
Татьяна5
fomenkoandrey писал(а):какое разрешение должно быть у PNG (не для айфона)?
Для компьютера? 16 на 16 px

Favicon

Добавлено: 15 авг 2014, 09:35
Alecto
для теста включил 32х32 - он автоматически отмасштабировался.
вот здесь, например рекомендуется http://olegorestov.ru/html5/favicon/
Из-за того, что PNG фавиконы не поддерживают размещение картинок с разным разрешением в одном файле, мы можем сделать несколько объявлений фавиконов с разными разрешениями:

<link rel="icon" href="favicon-16.png" sizes="16x16"></link>
<link rel="icon" href="favicon-32.png" sizes="32x32"></link>
<link rel="icon" href="favicon-48.png" sizes="48x48"></link>
<link rel="icon" href="favicon-64.png" sizes="64x64"></link>
<link rel="icon" href="favicon-128.png" sizes="128x128"></link>

Как браузеры с поддержкой PNG фавиконов понимают какой из них должен использоваться сейчас? Firefox и Safari будут использовать тот фавикон, который объявлен последним. Chrome для Mac будет искать фавикон с форматом ICO, если не найдет — 32×32. Chrome для Windows будет использовать первую иконку, которую встретит с размером 16×16, иначе ICO. Если ничего подходящего под первые два критерия нет, обе версии Chrome будут использовать первую встреченную иконку, в отличии от Firefox и Safari. Opera не хочет принимать никаких правил и просто возьмет случайную иконку. Мне нравится, как Opera принимает решение.
может быть выбрать какой-то средний, некритичный размер 64х64 ? чтобы он и в браузере отображался и на том же андроиде? или там вообще все по другому?