Better Favicons

The favicons generated by Webflow do not follow best practices anymore. They are not in the root directory, where they should be for iOS devices, Internet Explorer and services such as Yandex. In addition the following should be generated:

- High Resolution Favicon for iOS Homescreen Web Clip (with background color and margin setting)
- Favicon for Android Homescreen (with slight drop shadow, similar to official Google apps)
- Windows Metro Tile (white silhouette of the favicon with background color settings and Windows Metro UI options)
- Safari Pinned Tabs and Touch Bar SVG icon
- Customizable App Name setting

A good reference and workaround for now is this Favicon Generator.

  • Thilko Limbeck
  • Mar 26 2018
  • Eli Schiff commented
    September 05, 2018 20:24

    This would be incredibly helpful. Especially considering the promo video for the feature seems to give the impression that the Touch icon would be optimized, it's clearly not going to be. Imagine having multiple inputs where each had a pixel value, and you upload and it formats the PNG with the right filename prefix/suffix. I want my icons to look great at the very least on iPhone!