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:

Top Background Color:

Bottom Text Color:

copy from top text color Bottom Background Color:

copy from top background color Border Color:



Close

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" />

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

