With the SVG of this particular requirement, you cannot use a colorful icon. We found that this mask-icon tag is still in use, while the viewBox attributes and single color requirements are not really important, but the color setting in the tag is important, otherwise the tag is completely ignored. In 2016, there was a guideline from Apple that said which SVG would be accepted. Should we use Apple specific rel="mask-icon"? Not! Why? Because it only supports very specific SVG. Forget about placing these little things in your root directory. It's absolutely true that we don't need favicon.ico anymore. There is one good table under the heading "How to Use". Earlier, I already pointed you to one of the best articles about favicons. This is the first icon you definitely want to have for the page. We all know about those little icons for the website tab in our browsers - they are favicons. Therefore, we will only care about the latest versions of Edge, Chrome, Firefox, Opera and, unfortunately, Safari. Old versions of the listed browsers? Well then again, your client doesn't need your app, trust me. Internet Explorer? Are you joking? Let's forget forever! If someone stayed on it, then he obviously does not need your PWA! Firefox or Opera? "Exotic" browsers? Well, your client, for some reason, knows how to install alternative browsers and will clearly understand how to open your application in another browser if he really needs it. Is your client a geek or not? Not? So he's either on Edge (as a Microsoft's corporate user) or Chrome (because he/she has an Android), or, of course, Safari if he has a Mac or iPhone. Let's decide which browsers to take into account. What browsers to take into consideration? "The current joke among web developers is Safari is the new Internet Explorer" Chris Love We did a comprehensive research and came to the conclusion that you only need 8 different icons in 2022. I generally don't like to link to Wikipedia, but this time one of the best articles on favicons is right there, but it still doesn't tell the whole story. I found a lot of conflicting information on this topic even in 2022. This is a supplementary article to my Progressive Web Apps (PWA) Explained Simply piece.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |