A Favicon is a minimized image that loads in the browser bar. WordPress has a built in feature for setting a site-image / favicon:
Admin -> Customize -> Site Identity -> Site Icon
This will automatically create the various sizes and specify them in the source code.
The default icon used for Feast themes is a stylized heart. If you do not set a custom favicon, this will be used.
You can find more information about favicons at: https://en.wikipedia.org/wiki/Favicon
Best practices:
- Upload as large an image as possible - up to 512 x 512 px
- Use a simple design, which compresses easily
- Use a transparent background (png or gif)
- Use a square image
Note: icons will be created up to 512x512 px, but large icons aren't really in use at the moment. The most frequent sizes people will see are 16x16, 32x32, and 128x128, so make sure the image looks good in these sizes.
Additional reading:
- https://www.emergeinteractive.com/insights/detail/the-essentials-of-favicons/
- https://www.favicon-generator.org/
WordPress Favicon
Here is the documentation from WordPress on creating a favicon: https://wordpress.org/support/article/creating-a-favicon/
Note that this is unnecessary, and we don't recommend this method, if using the Genesis method.