Logo Favicons sizes supported in one device and browser can differ in other devices and browsers. For that reason, Every browser has the most preferred size of website favicon or icon. Today we will take a moment to know how to set up all favicon sizes needed for all browsers and devices to make sure that home screen website icons and browsers will show your favicon image. Let’s dig into ways to add them to your Blogger & WordPress websites.
Favicon Sizes For Browsers
1. Edit the below Resolutions Sizes of your icon.
a. 114×114
b. 72×72
c. 120×120
d. 76×76
e. 152×152
f. 32×32
g. 16×16
h. 70×70
i. 150×150
g. 310x310save
2. Host Them in your cloud copy their URL and replace them in the below codes before placing them in your website HTML.
Below are The all sizes that any device and browser will need to display your website favicon. Copy and paste the code to the HTML code of your blogger or WordPress template and later change the URLs to where you have hosted your favicon sizes.
<link rel=”apple-touch-icon-precomposed” sizes=”114×114″ href=”#” />
<link rel=”apple-touch-icon-precomposed” sizes=”72×72″ href=”#” />
<link rel=”apple-touch-icon-precomposed” sizes=”120×120″ href=”#” />
<link rel=”apple-touch-icon-precomposed” sizes=”76×76″ href=”#” />
<link rel=”apple-touch-icon-precomposed” sizes=”152×152″ href=”#” />
<link rel=”icon” type=”image/png” href=”#” sizes=”196×196″ />
<link rel=”icon” type=”image/png” href=”#” sizes=”96×96″ />
<link rel=”icon” type=”image/png” href=”#” sizes=”32×32″ />
<link rel=”icon” type=”image/png” href=”#” sizes=”16×16″ />
<link rel=”icon” type=”image/png” href=”#” sizes=”128×128″ />
<meta name=”msapplication-TileImage” content=”#” />
<meta name=”msapplication-square70x70logo” content=”#” />
<meta name=”msapplication-square150x150logo” content=”#” />
<meta name=”msapplication-wide310x150logo” content=”mstile-310×150.png” />
<meta name=”msapplication-square310x310logo” content=”#” />
That`s all now add them below head in your website HTML and your website will be branded on every device and browser.
