Bismillah! The following tutorial is about making an icon for windows or a favicon for your website with the help of an image. In easy words you can say that changing image into icon / favicon. First of all we shall learn briefly that what are icons and favicons.
Icon: An icon is a very small image file with extension .ico and is used represent any file or a program in a computer or mobile device etc.
Favicon: It is a type of icon and is also known as website icon. Every professional website has a favicon which can be seen at the side of the title of the website opened in any web browser.
Now we shall come to the subject of the tutorial. I am sharing a popular icon generator website i.e. DynamicDrive.com. Basically it is a favicon generator but you can use it for generating icons for your PC as well. To start creating an icon, follow these simple steps:
1. Go to http://tools.dynamicdrive.com/favicon/.
2. Now click "browse" button and select an image file which you want to convert.
(Supported file formats are .bmp, .gif, .png, and .jpg)
3. If you want to create a PC icon as well, select the option Merge with a 32x32 desktop icon.
4. Click the button Create Icon to download the file(s).
---Your icon is ready
Now, to insert the favicon in your website:
1. Upload the icon in your site
2. Find the tag <head> in your site's HTML and just below it, paste the following line:
3.Change favicon-url.ico with the url of the icon where you have uploaded it.
Note: Your favicon may not appear immediately after you have completed the above three steps. It may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.
In case of any problem, please contact through the comment form below.
Icon: An icon is a very small image file with extension .ico and is used represent any file or a program in a computer or mobile device etc.
Favicon: It is a type of icon and is also known as website icon. Every professional website has a favicon which can be seen at the side of the title of the website opened in any web browser.
Now we shall come to the subject of the tutorial. I am sharing a popular icon generator website i.e. DynamicDrive.com. Basically it is a favicon generator but you can use it for generating icons for your PC as well. To start creating an icon, follow these simple steps:
1. Go to http://tools.dynamicdrive.com/favicon/.
2. Now click "browse" button and select an image file which you want to convert.
(Supported file formats are .bmp, .gif, .png, and .jpg)
3. If you want to create a PC icon as well, select the option Merge with a 32x32 desktop icon.
4. Click the button Create Icon to download the file(s).
---Your icon is ready
Now, to insert the favicon in your website:
1. Upload the icon in your site
2. Find the tag <head> in your site's HTML and just below it, paste the following line:
<link rel="shortcut icon" type="image/x-icon" href="favicon-url.ico">
3.Change favicon-url.ico with the url of the icon where you have uploaded it.
Note: Your favicon may not appear immediately after you have completed the above three steps. It may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.
In case of any problem, please contact through the comment form below.
Comments
Post a Comment