Fixing Favicon Size Error in Webflow
Have you ever tried uploading a favicon into Webflow and it comes back with the error "expected image to be 32 x 32" even though you sized the graphic 32px x 32px in a program like Adobe Illustrator or Figma.
Most likely the problem isn't the size of your image, but where it is on your workspace at the time of export. Sounds crazy right? Well, believe it or not, the coordinates of your artboard matter in this situation with how the file size is read and exported from systems like Adobe Illustrator and Figma. In the end, the fix is quite simple. Your artboard just needs to be placed at a coordinate on your artboard that is even. Think 0,0. 50,50. or 100,100 for the x & y coordinates of your document.
You can follow along in my latest youtube tutorial walking through this issue with Webflow Favicon uploads.
Solution:
Make sure your artboard is placed at an even coordinate location on your document, like 0,0 or 100,100. This will ensure your artboard is exported at it's true size.
Digital marketing for small businesses is what we do.
I'm sure you receive emails daily from digital marketing agencies and freelance web design firms offering you "help" with your website 🤦. Some of them may actually be able to help, and others may become a big headache. We're here to listen to you, see what makes your business unique, and give you the best website design we can. We want local businesses to succeed, we think we can help.