Add a Favicon

Step 1
Add a Favicon to your site
Temp1440619878
Planning
Step 2
Make a favicon for your site!
Temp1436301345
Step 3
Open GIMP. Create a new canvas 32px X 32px
Temp1436300454
Step 4
Copy and Paste an image into the canvas.

Then, scale the image to fit nicely inside of the canvas.

Temp1436300571
Step 5
File > Export As > favicon.png
Temp1436300630
Step 6
Go back to the web editor. Upload the favicon file as a new asset.
Temp1436300687
Step 7
Add the favicon link in the head section of the HTML
Temp1436300838
Step 8
Copy the source URL of the favicon image
Temp1436300874
Step 9
Paste the image URL inside of the href section of the favicon link in the head
Temp1436300949
Step 10
Result

Notice the new favicon labeled on the tab!

Temp1436301002
Add a Favicon Info

Account

MVCode Clubs

Created By

Matie matie

Access Level

public

For Teachers and Schools

Teach coding to your students with MVCode Teach

MVCode offers an integrated product designed to teach coding to students.

Learn more about MVCode Teach