Website icon Making

Source: Internet
Author: User

Http://free.logomaker.cn/tools/icoMaker.aspx website Icon Making
first look for a good icon material, you can go here to search for elements, icon search engineIconpng http://www.iconpng.com/Convert to Icon 16*16 format, so that the display is not true and clear, you can go to this site to convert
ico icon Online production http://free.logomaker.cn/tools/icoMaker.aspx As for why the icon must be named Favicon.ico, I am not too understanding that I upload other. ico picture size is not 16* 16 icon or GIF, JPG, PNG is OK, but the icon is not clearly displayed find such an article online analysisTo use Favicon.ico in a Web page:
The principle of the browser call Favicon is to first find the Favicon.ico file in the same directory as the Web page, if not, look for it in the root directory of the website.
Therefore, the simplest way to use favicon on a Web page is to name the created icon file Favicon.ico and upload it to the root of the Web site.
If you need to put Favicon.ico in another directory, or if you want to have different Web pages display different favicon, you need to make the settings in the HTML file of the Web page.
The settings are simple enough to add the following code to the Program code (if the quotation marks in your code are not in the English state, please fix them.) ):
<link rel= "icon" href= "/dir/favicon.ico" mce_href= "/dir/favicon.ico" type= "Image/x-icon" >
<link rel= "shortcut icon" href= "/dir/favicon.ico" mce_href= "/dir/favicon.ico" type= "Image/x-icon" >
Firefox also supports the favicon of animated GIF formats using the following methods:
First make a 16*16 gif animation, and then add the following code to the HTML code Program code
<link rel= "shortcut icon" href= "Favicon.ico" >
<link rel= "icon" href= "Animated_favicon.gif" type= "Image/gif" >
Effect please use Firefox browser to browse this site.

Website icon Making

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.