title: What's the recommended way to make favicon available across devices and screen resolutions in AEM 6.2?
body: <p>I have a use case where the favicon shows up in desktop tabs but not on mobile devices in recently viewed websites on Chrome. </p>
  
  <p>Upon browsing through SO and the net, I found multiple ways like use manifest.json, browserConfig.xml or multiple  tags specifying all the expected sizes.</p>
  
  <p>The documentation is pretty skewed and it is not easy to find one particular recommended way to show favicons.</p>
  
  <p>These is what I have tried so far.</p>
  
  <ul>
  <li>Using <a href="https://realfavicongenerator.net/" rel="nofollow noreferrer">https://realfavicongenerator.net/</a>, I uploaded a png image for<br>
  the favicon and included all the generated renditions, site.webmanifest and broswerconfig.xml in server root.</li>
  <li>After this, I included the block generated in my  tag in base template html.</li>
  </ul>
  
  <p>Can I use this method or is there a better and more compact way to ensure favicon renders perfectly on all screen resolutions on all browsers both mobile and desktops?</p>