19 JANUARY 2020 /

Create a favicon from an image file

Photo by Harpal Singh on Unsplash

When trying to create a favicon for my personal website I searched through a range of website to find a suitable way to do this and thought I’d add this tip here to make it easier to do again in the future.

Whilst there are tools online that easily convert your image to a favicon, it’s nice to be able to do the conversion locally, especially as the initial image I was trying to convert is my profile picture and I don’t feel entirely comfortable uploading this to a random website!

For mac users there are two options:

  1. Export image with Preview

    Whilst this method is straight forward, I’m getting an error when exporting so used method 2 below.

    Open your image in Preview, goto File > Duplicate to create a copy. Goto File > Save to save this new image and when selecting from the Format drop down hold the option or alt key. To save a Favicon select ‘Microsoft Icon’ and save! As mentioned above, I was presented with an error on saving so searched for an alternative method.

  2. Using imagemagick

    Install imagemagick and it’s dependent package ghostscript.

     brew install imagemagick
     brew install ghostscript

    Run the following command:

     magick image.jpeg favicon.ico

In one simple line, once imagemagick has been installed, your image can be converted to a favicon and easily added to your website!

✨Subscribe to my Newsletter✨

Get the latest posts delivered right to your inbox

Avatar of Author

Kerry Parker

Data Scientist with PhD in Physics. Interested in learning, software development and productivity, see more posts on Medium.