Link Search Menu Expand Document

Create a site icon

A favicon is that tiny image you see next to the page name in the browser tab or bookmark. By default, the theme uses the CollectionBuilder icon. To add a polishing touch to your collection, you can add your own custom favicon in a few steps.

  1. Create an image that is representative of your site that will scale down to a tiny size nicely, i.e. it can’t have much detail!
  2. Open the image with GIMP.
  3. Make the image into a square by cropping or adding to the canvas size.
  4. Click Image > Scale Image… and set the Image Size to 32 x 32 pixels (or 16 x 16 for full backward browser support), click Scale.
  5. Click File > Export As… then in the name box type favicon.ico, and click Export (GIMP will automatically export the file type based on the extension). Click okay for the default export options.
  6. Copy the “favicon.ico” file to your collection repository replacing the existing file. Git add, commit, and push.