Creating a good favicon?

[Gumball]

I’m relatively new to website design, in a sense, and I’ve stumbled across a minor annoyance…creating a favicon. Any tips on create a good icon for what I’ve created so far?

Please make sure to switch to the Home Revamp page as I’ve done a MUCH better redesing of the site

https://preview.webflow.com/preview/cwhouse?preview=22f03b3cac76569b169cca03d0837b1a

[Gumball]

I’ve gone with a simple C and H for now. Do you think simple letter combinations work?

[vincent (Webflow Expert)]

Hi. Try drawing it on a minimum 260x260 px then shrink it down to 32 for webflow upload. Use transparency and black letters if possible. Start your design on the edge of the document, and finish it on the other edge : no pixel padding, use all the surface.

Your design is a little thin. Also, test and test again, adjust pixel by pixel until it’s readable to the eye in 16 and 32.

I’m currently working on these 2 ones and they are tweaked pixel by pixel for all the curves and spaces to be readable (in progress)

[Gumball]

Thanks for the advice =)

[McGuire]

Try drawing it on a minimum 260x260 px then shrink it down to 32 for webflow upload

Curious why you’d do 260 x 260 instead of 256 x 256 considering that 256 is easily divisible by 32 and scales significantly better than 260.

Edit: Also, 256 x 256 is the resolution Webflow needs for a webclip.

[Gumball]

I’ll be doing 256x256 anyway because that’s the size for the Webclip =)