matuzo/HTMHell

Refactor Favicons

Opened this issue · 0 comments

ndorfin commented

I noticed there are the following files in the hell/favicon folder:

  • favicon-16x16.png
  • favicon-32x32.png
  • favicon.ico

It looks like the favicon.ico already has the 16x16, 32x32, and 48x48 sizes incorporated:

Screen Shot 2021-09-15 at 2 19 57 PM

The two PNGs are referenced using the following in base.njk:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">

I'd suggest the following:

  • Delete the PNGs
  • Delete the rel="icon" references to the PNGs
  • Add a custom g-zip header for favicon.ico to your Netlify config. (ICO files are like BMPs, they compress nicely)

The browser will do the rest.

Outcomes:

  • Less HTML bytes
  • Reduced file maintenance
  • Greater favicon operability with the 48x48 size included.

How about that? :D