Generate Favicon In Two Steps With GenFavicon

by Keith Dsouza | Translate | Print
Wednesday, 28th Nov 2007 | Share


Share Generate Favicon In Two Steps With GenFavicon on Twitter Share Generate Favicon In Two Steps With GenFavicon on Facebook Save Generate Favicon In Two Steps With GenFavicon To Delicious Favorites Stumble Generate Favicon In Two Steps With GenFavicon Share Generate Favicon In Two Steps With GenFavicon on Digg Get Instant Updates as RSS Feeds from Techie Buzz

Favicon are small sized icons which are associated with websites, they are shown next to the site’s name in the URL bar of most browsers. Favicon are a way with which users can easily identify different websites.

Favicon is usually created in different sizes the most popular are 16 x 16 pixels, 32 x 32 pixels, 64 x 64 pixels and 128 x 128 pixels.

genfavicon-logo GenFavicon is the latest web2.0 service that allows you to create favicon (shortcut for favorite icons) for you website in two simple steps. All you have to do is upload the image you want to create a favicon with and specify the size.

You can upload an image up to the size of 4 MB. Only gif, jpg and png formats can be uploaded. In addition to using local images you can also specify images from your Flickr or Picasa account by providing the URL.

genfavicon-select-image

Once you have uploaded the image or provided the URL to it GenFavicon will upload the image to their own servers. You can then choose the proper dimension of the image you want to create a favicon from.

genfavicon-choose-dimensions

Once you have selected the area you want to create the favicon from you just have to choose the size and create the favicon.

genfavicon-cut-preview

With few seconds your favicon will be generated and you can download it it ico and png formats. That’s the easiest and fastest way to generate a favicon.

genfavicon-preview-download 

I am going to use this favicon for may personal site as it would fit in better there. By the way once you have created your favicon you have to follow two more tasks.

  • Upload the favicon to the root folder of your website. Usually this will be the first folder you log in with your FTP.
  • Add this line to your header template file. <link rel="shortcut icon" href="/favicon.ico" />.

That’s it the next time you refresh your website you will see a small icon next to the URL.



Share

7 Responses so far | Share Your Opinions!

  1. Innovations & Interesting Ramblings
    November 28th, 2007 at 11:08 pm #

    guess i will try this…

    Reply to this comment

  2. Nirmal
    November 29th, 2007 at 4:11 am #

    Service looks good, but the url you have given first is wrong I guess, its pointing to the image and not the site.

    Reply to this comment

  3. Sumesh
    November 29th, 2007 at 5:49 am #

    It looks good, and I really like the upload from Flickr/Picassa feature.

    Reply to this comment

  4. Vaibhav
    November 29th, 2007 at 10:59 am #

    thanx keith, i was looking for this kind of service so as to use small images in presentations. and do correct the link above. thanx for sharing.

    Reply to this comment

    keith Reply:

    Hey Vaibhav glad you found it useful.

    Reply to this comment

  5. keith
    November 29th, 2007 at 12:37 pm #

    @Innovations – Yups try it out its pretty useful.

    @Nirmal – Thanks for pointing that out

    @Sumesh – Yes thats a very good feature

    Reply to this comment

  6. favicon generator
    December 26th, 2008 at 12:59 am #

    I use free tool at animatedfavicon.com. This one works great and its fast

    Reply to this comment

Leave a Comment

Note: We discourage users from using keywords in their names while posting comments, most of them get caught by spam, also it really would be more fruitful in knowing people who comment by their real name, rather than by using a name no one relates to. In future we reserve the right to delete comments from users using a name other than their own.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>