🌳 Evergreen changelog

Adding favicon

planted on in: Blogging.
~504 words, about a 3 min read.

Today I closed issue #30: Add Favicon. This has embarrassingly been open since October 2021 after having rewritten PhotoGabble for 11ty.

In the history of this website, it has always had a favicon in the form of a .ico file loaded thus:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

Up until 2018 I used favicon.cc to create favicons, then at some point I was shown real favicon generator which takes your source image and provides a zip file containing the assets required for different platforms.

I don't know when favicons became more complex than a single 16x16 icon file, however it is nice to have a tool that makes producing the array of files a relatively straightforward process plus the following html added to each page <head>:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">

I don't think anyone will be adding PhotoGabble to their home screen and given that context going from one LoC to seven feels a little wasteful. However, it's good practice doing the best possible.

Page History

This page was first added to the repository on September 7, 2022 in commit 4ab681dd and has since been amended twice. View the source on GitHub.

  1. feat(#306): move changelog posts to /changelog/* permalink
  2. refactor(#304): move files into src folder
  3. feat: publish colophon favicon update post