Favicon Generator

Favicon Generator

Italiano - English

This site is an easy to use on-line favicon generator.
Favicons generated here contain text instead of images in order to be descriptive, but are colored to be nice looking. I got the style idea from antipixel buttons and applied it to favicons.

Examples:

To generate your favicon just type your text below and experiment with different colors. When you are ready yon can save your favicon clicking on Save as favicon file.

Your generated favicon


loading...
Tip: click on the icon to toggle zoom on/off

Text to render

Top text:
Bottom text:
Draw border?
yes no
Tip: Try capital letters for different results.
Tip: Add one space on start and on the end to force a smaller font.
Tip: Use a single char as top text and leave the bottom text empty to get a single char big icon.


Colors

Top Text Color:
select foreground color
Top Background Color:
select foreground color
Bottom Text Color:
select foreground color
copy from top text color
Bottom Background Color:
select foreground color
copy from top background color
Border Color:
select foreground color

A Quick FAVICON HOWTO

Now that you generated your nice favicon you may want to know how to add it in your site following the right standards and rules in order to be sure most users will see it. The following is a quick guide extracted from the Favicon Wikipedia Page.

What is a favicon

A favicon (short for "Favorites icon"), also known as a page icon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many graphical web browserssuch as recent versions of Internet Explorer, Firefox, Mozilla, Opera, Safari, and Konquerorcan then make use of them. Browsers that support favicons may display them in the browser's URL bar, next to the site's name in lists of bookmarks, and next to the page's title in a tabbed document interface.

How to use a favicon in your site

The original means of defining a favicon was by placing a file called favicon.ico in the root directory of a webserver. This would then automatically be used in Internet Explorer's favorites (bookmarks) display. Later, however, a more flexible system was created, using HTML to indicate the location of an icon for any given page. This is achieved using the link element like: <link rel="shortcut icon" href="/favicon.ico" /> in the <head> section of the document. In this way, any appropriately sized (16×16 pixels or larger) image can be used, and although many still use the .ico format, other browsers now also support the GIF and PNG image formats.

For optimal browser support, the following rules should be obeyed:

  • Include both element types:
    <link rel="shortcut icon" href="http://example.com/favicon.ico" />
    <link rel="icon" href="http://example.com/favicon.ico" />
  • The link elements must be inside the head element (between <head> and </head>) in the HTML.
  • For XHTML, the link element must be empty (terminated by /> )
  • The href can, but need not, point to the location /favicon.ico. It could equally well point anywhere else on your site that is convenient.
  • The image can be an ICO, PNG or GIF.
  • The .ico file format will be read correctly by most browsers.

Note: A file called favicon.ico and located in the document root directory will also be found by some browsers which do not process the link elements, even if it is not linked from anywhere on your site.

About this site

This site is running using only Open Source Software, on a Linux Server using a Mix of Javascript and Tcl scripts, the Gd library, the Free Type font engine. The program and HTML were edited using the vim editor.

Feedbacks

We are happy to receive comments, please write to antirez (at) gmail (dot) com for everything related to this site.


Web Development Resources

A collection of the best web-based tools for web developers and designers


Graphics generators
Pixelbutton Generation of antipixel style buttons. Very nice and easy to use.
Brilliant Button Maker another antipixel style buttons generator, less immediate but allows to include images in buttons.
Random Text Generator useful in order to test page layouts with real-looking text.
General Text to Image converter with anti-OCR option.
Email Icon Generator, turn emails into images in order to prevent spam.
Fractals Generator web service, generates real time mandelbrot sets with nice colors.

Color tools
Color Schemes Generator may save you when in doubt about good colors for your pages.
Color Palette Generator generates a color palette matching an image you provide.

Search engines / SEO
Top Directories with free web site submission. A good starting point to get some link.
99 Free SEO tools is a collection of good quality SEO tools.
Overtune Keyword Selector Tool shows users common searches about a given topic.
Overtune BIDs viewer is useful to check how much advertisers can pay for click for a given search query.
Robots.txt Generator, select what crawler to allow/deny, what directory to restrict, and so on.
The Visitors Web Log Analyzer is a free log analyzer with Google specific reports.

Affiliate programs to earn from web sites
Chitika, show banners about products like the Ipod or laptops, earn for every click.
AdSense, you can earn displaying google ADs on your site.

More links
Archivio Discussioni Newsgroups (ita)
Archivio Discussioni Scientifiche (ita)
Economia e Borsa(ita)
Discussioni sull'arte (ita)

Want your site included here? write an email to antirez (at) gmail (dot) com for revision. The inclusion is free but only high quality sites are included.


Copyright (C) 2005 Salvatore Sanfilippo - All Rights Reserved
Made In Italy