Favicon for site is distorted

Hey everyone,

To me, it seems the favicon for the site might be unintentionally distorted/broken here, in chrome on win10 I am seeing this,

2

if I was to try and fix it myself, I would maybe make it look like this

attemptToFix

This just looks better I think. I believe the issue is whatever is being used as the favicon image for the site has a lot of empty space to the right of it. I noticed this with the main icon for the site I used to generate the favicon with.

Here is the favicon folder I have generated with https://favicon.io/

https://www.dropbox.com/s/vnruddqdd52oeng/favicon_io%20(1).zip?dl=0

If you guys have a different idea on how to fix, here is the edited IDMF picture I used to generate the fixed favicon with,

1742d64bf105b07b6e979268db40407303871766%20(1)

Thanks in advance,

2 Likes

Update, I think cropping more whitespace out of the image helped with making a better favicon,

fix2

link is here,

https://www.dropbox.com/s/p980nja41d3fu47/favicon_io%20(3).zip?dl=0

better cropped image used to generate favicon is here,

fix

Thanks in advance,

2 Likes

I was wondering what that was, I thought it was just left blank. On my laptop, I still have the black peg person icon thing as my fave, everywhere else it’s just the white square.