teach you to make transparent website favicon.ico icon

In the strict sense, Favicon's topic irrelevant SEO technology, but also with http://www.aliyun.com/zixun/aggregation/17117.html ">web server technical aspects of the discussion not much, but, In our website construction, it is necessary to create a personalized logo for the website theme, which is directly related to whether the brand of the website can be successfully modeled. This from some point of view is still within the scope of the site promotion, and to achieve success, not only include good page design, impressive site logo, including Favicon.

The so-called Favicon, namely Favorites icon abbreviation, as the name suggests, is that it can let the browser's favorites in addition to display the corresponding title, but also in the way of the icon to distinguish different sites. Of course, this is not just all favicon, depending on the browser, the Favicon display is different: In most mainstream browsers such as Firefox and Internet Explorer (version 5.5 and above), Favicon is not only displayed in the Favorites folder, Also appears on the Address bar, where users can drag favicon to the desktop to create a shortcut to the site; In addition, tabbed browsers even have a number of extended features, such as Firefox and even support animation format Favicon.

From a specific technical point of view, Favicon is also not just to make the site more professional impressions, but also to some extent to reduce the server's traffic bandwidth consumption: generally in order to improve the usability of the site, we will create a custom 404 error files for their website, in this case, If the site does not have a corresponding Favicon.ico file, the Web server will call this custom 404 file and record it in the error log of the site whenever a user collects the site/page. This is clearly to be avoided.

Whether it is a blog or a website, it is necessary to make an ICO display on the address bar. A good icon will leave a deep impression on the visitor. So Ken today to add an ICO to the blog, feel good, so I sent a tutorial, hoping to give you friends to help. The tools used are free of Photoshop version and Axialis iconworkshop 6.3, software can be downloaded online (pay attention to security issues).

First, open Photoshop software, I use Photoshop9.0, file "new" set the following figure:

Then play your creativity and create your own ICO. I simply did one for the tutorial.

In the process of making, pay attention to the need for transparent places to select (Recommended magic wand tool), and then press del Delete, see some gray-and-white grid is to represent the transparent part.

After the work is finished, click on the file to save it as a Web format as follows:

You can then open the Axialis iconworkshop software.