Website make transparent Address bar icon Favicon.ico Tutorial

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.