Website make transparent Address bar icon Favicon.ico Tutorial

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

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.

Click File to open, and then open the. gif file you just saved. Then follow the diagram:

Create a Windows icon from the icon, and then configure it as shown below.

The program quickly converts the. gif file to ICO, and then we save it.

The saved ICO file is renamed Favicon.ico, uploaded to the root directory of the site, and can be effective. But I think I can only see the effect in IE7 or some browsers.

Attached psd file, feel the design of an ico trouble words to my blog to download the change bar.

Original article please indicate reproduced from Xuzet blog, this article address: http://www.xuzefeng.com/post/15.html