Skip to main content

Create Icon / Favicon from Simple Images (Icon Generator)

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:

<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.
Labels:

Comments

Post a Comment

Popular posts from this blog

Download The Best Templates Ever!

Every body knows that template is an essential part of one's site/blog.Evey wants a nice and attractive template for his site or blog.But some need templates of their own choice.Today I'm giving the link to those sites which  provide free templates especially for blogger.These are the best templates.I have chosen them  for you. So here's the links and sites names.You can download them.                                                                                                                                              Download  Best Templates For Blogger Here is one of the coolest template: ...
Post a Comment
Read more

Hide Post Date,Time And Author

There many reasons for hiding post date,time and author like a blogger wants to see his blog clean and clear so he hide them.I am going to show you that how to hide post date,time and author name.So don’t waste your time on thinking and just follow the simple steps given:
4 comments
Read more

NoFollow Blogger Comments - Increase Traffic To Your Site.

What Are NoFollow Tags?   NoFollow is a tag given to your site's/blog's links which is used to tell search robots to index a URLbut do not follow it.It is used when you are linking to a non-trusted site/blog.NoFollow links were originally created  to block Search Engines from following the links but not to follow them,beacause of theamount of blog comment spamming.Spammers are spamming in blog comments to get better SEO and anchored  links for their own sites/blogs.By these tags you just showed to search robots that the link they are indexing is only a text. Why To Nofollow Comment Links In Blogger? Robots follow all the comment  links on your blog they can spam and if they do so then your all site ranking and traffic will decrease suddenly,so you will not find any comment on your blog.If you add Nofollow comment links to your blog  your site/blog would be protected by Spam!
4 comments
Read more