How to create favicon
Transcript of How to create favicon
![Page 1: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/1.jpg)
What is Favicon?Favourite + Icon = Favicon.
Favicon in simple terms is your brand or website logo. Like Facebook and Instagram has following favicons :
![Page 2: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/2.jpg)
Important points to remember while creating favicon for your website :
1) The format for the image you have chosen must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors
2) The format of the image must be one of PNG (a W3C standard), GIF,JPG, or ICO. w3c.org
![Page 3: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/3.jpg)
How to create favicon for your website ?Step 1: Go to the following url : http://www.favicon-generator.org/ . You will the following screen
![Page 4: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/4.jpg)
Step 2 : Then 1)Upload your website’s logo2)Select the option Generate only 16x16 favicon.ico3)Click on create favicon
3
1
2
![Page 5: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/5.jpg)
Step 3: Download the generated favicon and copy the code in <head> section of all your web pages code :
You can use any one link
Give the correct path link for your favicon image
![Page 6: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/6.jpg)
Step 4 : Then upload the downloaded favicon.ico image as well as well all your web pages containing favicon to your website using filezilla ftp client
![Page 7: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/7.jpg)
Then check your website for the output. You should see your logo(favicon) next to the url of your website
![Page 8: How to create favicon](https://reader036.fdocuments.us/reader036/viewer/2022062502/58ac035b1a28abb6718b5fad/html5/thumbnails/8.jpg)
THANK YOU.