Notes on favicons.
Last Tended | |
---|---|
Planted | |
Status | Seed |
How to add a Favicon to a Website
Step 1
Create a 16 x 16px svg image (this is the size of the icon in the browser tab). Name the file: favicon.svg
.
Step 2
Upload your image to RealFaviconGenerator & generate your favicon file package.
Move your .svg
image & the following files from the package to the root of your site's public directory:
favicon.ico
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
Step 3
Add the following 3 link elements to your .html
file:
/index.html
Step 4
Create a site.webmanifest
file in the root of your site's public directory. Add the following:
/site.webmanifest
Step 5
Deploy your work & test at RealFaviconGenerator.
Tools
- RealFaviconGenerator - Generate (& test) favicon files from an image