How to set a small icon in the address bar of a webpage

Source: Internet
Author: User

How to set a small icon in the address bar of a webpage:

Let's talk about the following:

<LINK rel = "shortcut icon" href = "http: // *****/******. ICO">

<LINK rel = "bookmark" href = "http: // *****/******. ICO">

The twoCode.

In the address bar of a browser, how does one set a "circle" icon in your JSP webpage?

The common practice is:

Create an icon file in advance. The size is 16*16 pixels. The file extension is ICO and then uploaded to the corresponding directory.

Add the following code between the source file

<LINK rel = \ "icon name \" href = \ "http: // image address (corresponding to the directory just now) \">

Favorites:

Favicon. ICO

You can use a pixel-based tool to draw an icon and upload it to the folder of all your web files.

Generally, the favicon. ICO file will be automatically found and displayed as long as there is a file.

And under the root directory

Method of the address bar:

Just add the following code to the webpage.

<LINK rel = "shortcut icon" href?sample.png "type =" image/X-icon "/>

If you do not have a proper tool to create an image, you can also select an image you like, and then go to this website to automatically generate one.

Favicon is the abbreviation of favorites icon. as its name implies, it allows the browser to display the corresponding title in the favorites folder and distinguish different websites in the form of icons.

Do you also want to add an icon that reflects your homepage style and personality to your website? In fact, it is very simple to achieve this goal.

Step 1: Prepare an icon production software.

First, you must understand that the so-called icon is a special graphic file format, which uses. ICO as the extension. This format is not available for common image design software, so you need to download an icon production software from a software download site. You can also visit http: // www.favicon.com/. here, a free online collector is installed with a picture generator. If your e is good enough, you can learn more about the "favorites" icon here.

Step 2: confirm the specifications of the "favorites" icon.

The "favorites" icon has its own specification: The Icon size is 16*16 (in pixels); the color must not exceed 16 colors. (For clarity)

Step 3: design an icon of your own.

You can make a thumbnail or design a distinctive logo for your website as a "favorites" icon. In short, it must belong to you and can represent the style and personality of your website. Name the icon file favicon. ICO.

Finally, upload the icon file (favicon. ico) to the root directory of the server where your website is located.

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.