2019-05-02, 02:49 PM
2019-05-02, 05:40 PM
iOS doesn't grab favicon.ico. It needs proper icon declaration with proper sizing. That too, varies depending on various Apple devices.
Most of the lazy developers just put a favicon.ico file at the root of the site and that does the job, makes the site owner happy.
Master apple denies this. So its not up to you, its up to the site's developer if he has declared proper favicon syntax covering apple devices. If it is properly coded you will have icon in your bookmark.
tl;dr. A device-specific defined favicon declaration should be like this (that works for iOS, MS, Android):
Most of the lazy developers just put a favicon.ico file at the root of the site and that does the job, makes the site owner happy.
Master apple denies this. So its not up to you, its up to the site's developer if he has declared proper favicon syntax covering apple devices. If it is properly coded you will have icon in your bookmark.
tl;dr. A device-specific defined favicon declaration should be like this (that works for iOS, MS, Android):
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">