How to change browser tab icon (favicon) [브라우저 탭 아이콘(파비콘) 바꾸는 법]

You may want to create a more professional-looking website 

or 

it just might be that you just have a specific icon you want to see when you open up your website

The icon--favicon is the exact term for it--on the browser I am talking about is the following:

You can change the icon by following these steps:

1) Download a free 32 x 32 png file icon from www.dryicons.com 

(of course, you can create your own if you wnat to)

2) Upload a 32 x 32 png file that you want to display on the browser tab

In my case, my file name was 'boat.png'

make sure you write down your file name somewhere before going back to HTML/CSS tab

3) Change the codes

replace the above highlighted code with 

<link rel="shortcut icon" href="./images/boat.png" /> 

*explanation: since my file name is "boat.png" the directory that we insert above after "href=" becomes "href = ./images/boat.png" 

Thus, make sure to change "boat.png" to whatever file name it is that you upload the icon as

This is what the HTML code will look like after I have replaced the code

4) Save and check whether the change has been made

You see that the icon has indeed been changed!