Cup favicon: inspect the real small files

Fictional pottery-shop demo. These are actual PNG exports from the Ciyo walkthrough. The ICO container below was assembled separately; it is not an ICO export from the Ciyo canvas.

At 100% page zoom, each PNG uses one image pixel per CSS pixel. Compare the cup outline and open handle at 16, 32 and 64 pixels. The PNG backgrounds are opaque ivory, so the dark column also shows the square boundary.

Native-size PNG review on light and dark surrounds
File Light surround Dark surround
16 × 16 PNG Cup icon, 16 pixels, light surround Cup icon, 16 pixels, dark surround
32 × 32 PNG Cup icon, 32 pixels, light surround Cup icon, 32 pixels, dark surround
64 × 64 PNG Cup icon, 64 pixels, light surround Cup icon, 64 pixels, dark surround
ICO container decode ICO container decoded by this browser, displayed at 64 pixelsThe browser decodes one embedded image here; this is separate from checking every directory entry.

Download the ICO container (16, 32 and 64 pixel PNG images inside). This page also declares it as its favicon. A browser displaying this page does not prove Google Search will display the icon.

Modern PNG-in-ICO support differs from older bitmap-only implementations. Use the original PNG files when your target platform asks for PNG. Check the actual browser and website integration you intend to ship.

Source: MDN image format guide. Read the Ciyo walkthrough.