How to add website icon?
|
The first step is to prepare an icon making software. First of all, you must understand that the so-called icon is a special graphic file format with the extension .ico. Ordinary image design software cannot use this format, so you need to download an ico icon tool. The commonly used software on this site is recommended to be powerful Microangelo, which can easily make ico icons. The Chinese revised version download address: http://www.skycn.com/soft/2478.html The second step is to determine the specifications of the "Favorites" icon. The favorites will appear as 16*16; the colors used should preferably not exceed 16. (For clarity), if you are not sure, you can search for icons in *.ico format on the C drive. You should be able to find the icons of those websites in the IE cache. You can open these icons to know what format to use. Just use the same format as others. The third step is to design an icon of your own. You can make your website's LOGO into a thumbnail or design a unique pattern as a "favorites" icon. In short, it must be your own and represent the style and personality of your website well. Then name the icon file: favicon.ico (note that it needs to be named this file name). Can be made more eye-catching. For example, use an icon file on your local computer to change it. Search for a file on your computer and copy it to the desktop. Open it with Microangelo, modify it to 16*16, use 256 colors, and save it as favicon.ico. Finally, just upload this icon file (favicon.ico) to the root directory of the server where your website is located. (That is, the folder where your homepage index.html is located) You do not need to make any changes to your web page files. IE5 will automatically and continuously search for the root directory of your website. As soon as it finds the favicon.ico file, it will display the icon in the visitor's address bar and favorites list. If you want to set different "favorites" icons for different pages, you need to add the following content to the HEAD part of the web page file: <link rel="shortcut icon" href="myicon.ico"> Note: The path of the icon must be an absolute path. 2. The second method: Add the link command to the HTML file of the home page. <link> is placed between <head> and </head>, as shown below: <HEAD> <link rel = "Shortcut Icon" href = /favicon.ico> </HEAD> The href="/favicon.icon" (this is just an example, you just need to replace it with your website address) replace favicon.ico with the ICO file name you made. In this way, the icon you made will only be displayed when netizens add your website to the Internet Explorer favorites and reopen the Internet Explorer browser. Common methods: Copy code The code is as follows:<link rel="icon" href="/jb51.ico" type="image/x-icon"/> <link rel="shortcut icon" href="/jb51.ico" type="image/x-icon"/> |
<<: Analyzing Linux high-performance network IO and Reactor model
>>: In-depth exploration of whether Mysql fuzzy query is case-sensitive
Recommend
MySQL 5.7.13 installation and configuration method graphic tutorial (win10 64 bit)
This article shares with you the graphic tutorial...
Research on the Input Button Function of Type File
<br />When uploading on some websites, a [Se...
How to change the dot in the WeChat applet swiper-dot into a slider
Table of contents background Target Effect Ideas ...
Example of implementing text wrapping in html (mixed text and images in html)
1. Text around the image If we use the normal one...
Solution to nginx-ingress-controller log persistence solution
Recently I saw an article on a public account tha...
Solution to the error message "java.sql.SQLException: Incorrect string value:'\xF0\x9F\x92\xA9\x0D\x0A...'" when storing emoticons in MySQL
Preface This article mainly introduces the soluti...
JavaScript Basics Objects
Table of contents 1. Object 1.1 What is an object...
Detailed description of component-based front-end development process
Background <br />Students who work on the fr...
MySQL data operation-use of DML statements
illustrate DML (Data Manipulation Language) refer...
JavaScript to achieve dynamic color change of table
This article shares the specific code for JavaScr...
How to use binlog for data recovery in MySQL
Preface Recently, a data was operated incorrectly...
HTML pop-up div is very useful to realize mobile centering
Copy code The code is as follows: <!DOCTYPE ht...
Detailed explanation of MySQL replication principles and practical applications
This article uses examples to illustrate the prin...
XHTML 1.0 Reference
Arrange by functionNN : Indicates which earlier ve...
Should nullable fields in MySQL be set to NULL or NOT NULL?
People who often use MySQL may encounter the foll...