Favicon Standard - 2020 - svg, ico, png and dimensions?

后端 未结 2 1429
抹茶落季
抹茶落季 2020-12-07 07:20

What favicon dimensions, file formats and meta/link tags should be used as of 2020? This includes apple icon, windows, android and other devices people use today.

I

2条回答
  •  旧巷少年郎
    2020-12-07 08:01

    It is also worth mentioning that together with favicon some other tags should be added like OG tags, Twitter cards or MS-application. It all serves the same purpose - visual identification of your brand and should also be included.

    Twitter card can be found HERE

    I add following tags

    
    
    
    
    
    
    
    

    I found that many users make images 1300px by 650px and jpg/png formats.

    After adding all tags they should be validated HERE


    Facebook OG has more option but general are as follows:

    
    
    
    
    
    
    
    
    
    
    
    
    
    

    Facebook recommend specific ratio of the image and the file size is limited to 8Mb. To keep similar images with twitter card I recommend dimensions 1240px by 650px and jpg/png format. Facebook and twitter do not accept svg...


    I found that some global brands use this tag on their websites. One had dimensions 150x150 pixels and png format. This image may be used by browsers to display in search results.

    
    

    Real Favicon Generator covers also Microsoft favicons. There are many other meta tags for MS-application to optimize bow the page and other infos such as image are displayed. This topic is also worth reading.

    I hope this is usefull for someone and expands the topic of branding your website.

提交回复
热议问题