Хабр Курсы для фронтендеров
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Поток Фронтенд доступен 24/7 благодаря поддержке друзей Хабра
Комментарии 18
Целый пост про два сервиса генерации фавиконов?
Сама по себе тема небольшая и нюансов в ней не более десятка. Просто собрал всё в 1 кратком посте, чтобы не приходилось изучать несколько источников.
К тому же в посте описаны пара новых нюансов про сокращение файла favicon.ico и то, что он размером 32 пикселя должен быть, которых я нигде не встречал.
В посте написано, почему желательно делать все виды иконок - чтобы программа, их использующая, не масштабировала их самостоятельно. В первой вашей ссылке автор указывает 2 картинки 192 и 512 пикселей. Какой-нибудь android телефон возьмёт ближайшее разрешение в 192 пикселя и сделает из него 180. И картинка будет мутной.
Также есть ещё легаси фавиконы для Windows Metro и Mackbook панели. Плюс базовый /favicon.ico нужно определённым образом создать (размер 32 пикселя и сжатие PNG).
К тому же есть сервис который в 1 клик все размеры подготовит. В нём что 3, что 30 иконок - одни и те же трудозатраты по интеграции.
Блин, сколько этих иконок я нарисовал ещё в 90-е... Именно ещё тогда я удивлялся, почему в Windows нет станадтного API по генерации иконок из заданной/заданных. И как я понял, его нет и по сей день ни в одной ОС. А так, можно было бы создать руками 3-4 иконки на самые ходовые размеры и использовать API по генерации нужной. Или даже сделать это встроенной функцией, когда приложение просто объявляет ОС свой набор иконок, а дальше ОС сама по умолчанию под капотом генерит нужные размеры из набора готовых.
В идеале, приложение должно использовать векторную SVG иконку, чтобы сгенерировать из неё любой размер. Но ещё часто для приложений нужно указывать цвет фона. Так же бывает, что в некоторых приложениях иконка нужна с отступами от краёв. Поэтому сложности с тем, чтобы унифицировать все иконки есть.
API, о котором вы говорите, можно назвать файл webmanifest. Сейчас более менее всё устаканилось и все используют его, но ещё 5 лет назад каждый производитель свой формат придумывал. Например apple свой touch bar, microsoft для интерфейса metro, яндекс браузер для табло.
И даже в Visual Studio максимально криво реализована функция редактирования иконки/Live tile. Когда недавно делал проект OneBrowser (пока на него времени нет), то просто в Paint'e приходилось открывать демо-заготовки и через них добавлять иконку, ибо в VS вставить картинку в поле не получается, и разве что рисовать вручную каждую (что криво и бессмысленно).
Всегда бесило, что любой boilerplate шаблон для минимальной страницы - это файла 3 (страница, js, CSS), и еще файлов 10(!!) для иконок. Казалось бы, тема известная и отработанная, казалось бы, договоритесь брать сверхидиотский по запасу информации вариант 512х512, и масштабируете на здоровье, но нет, все живут с "а вдруг!?", уделяя иконкам на кривом телефоне (хозяин которого вообще не парится об этом) внимания больше, чем самому сайту.
Почему-то сейчас на любом сайте стандартом стало приделать уведомление о куках, и чатик-помошник типа "наши, чтобы позвать на помощь", который секунд через 29 сам выскакивает и перекрывает сайт - и это типа никого не смущает, но вот потенциальная мутность иконок при этом не дает спокойно жить?!
Лучше всего использовать не 512х512, а векторную SVG иконку. Она прям вообще идеальная.
И помимо телефонов есть приветственные экраны браузеров (и десктоп, и мобильная), где иконки используются. Это когда браузер открывается и на стартовой странице отображаются недавно посещёные сайты. Это довольно частое применение иконок из webmanifest.
Касательно того, что тема изезженая. Тут согласен. Мусолят её часто, при этом мало кто дополняет материал какими-то новшествами.
Наши иконы самые красивые! Пам пам пам, пам пам парам!
Статья ответ на вопрос зачем для работы сайта нужен многоядерный процессор и много-много памяти. Веб все дальше уходит от единых открытых стандартов к закрытым экосистемам, где у каждой свои требования.
Изначально файл favicon.ico был единственным на сайте и отображался во вкладке браузера рядом с названием страницы
Тогда ещё и вкладок не было, весь сайт был в одном окне. Правда, я не знаю, что было в тогдашней Опере, и была ли она. Смотря о каких временах речь. Скорее всего, и Оперы ещё не было.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Зачем фавиконов нужно аж 24 штуки?