Article directory
使用Google Chrome,enterChen WeiliangBlogs, in front of the browser tab and URL bar, will display a small icon of the website.
sectionWordPressTheme with built-in uploading of Favorites Icons.
What is Favicon Icon?
As its name implies, the so-called favicon is the abbreviation of Favorites Icon (favorite icon).
- It allows the browser's favorites to distinguish different websites by icons in addition to the corresponding titles.
Of course, according to different browsers, the display mode of Favicon is also different:
- In most major browsers such as FireFox and Internet Explorer (version 5.5 and above).
- The favicon appears not only in the favorites, but also in the address bar.
- Users can drag and drop icons on the desktop to create website shortcuts;
- Also, there are even many extensions for tabbed browsers like FireFox even supports animated format icons etc…
- The favicon.ico icon is a thumbnail of a website, which can be displayed on browser tabs, on the left side of the address bar, and in favorites.
This is the thumbnail logo that shows the personality of the website.
- If you want to make your website look more professional, it can be said to be the avatar of the website.
- If you want to make your website more beautiful and personalized, favicon.ico is essential.
So you can use the ICO icon conversion tool on this website to easily meet your requirements.
In the process of building a website with WordPress, it is necessary to create a personalized logo that matches the theme of the website, which is directly related to the successful branding of the website.
From a certain point of view, this is still done on the siteWeb Promotionwithin the range.
To be successful, it includes not only a good page design, an impressive website logo, but also icons:
- From a specific technical point of view, favicon not only provides people with a more professional look and feel, but also reduces server bandwidth consumption to a certain extent:
- Generally speaking, in order to increase the usability of the site, we will create a custom 404 error file for our website.
- In this case, if the website does not have a corresponding favicon.ico file, the web server will call this custom 404 file and record it in the website's error log, which should obviously be avoided.
How is Favicon.ico added and used?
Between the head and /head of the web application code, add the following code ▼
<head> ... <link rel="shortcut icon" href="/en/favicon.ico"/> <link rel="bookmark" href="/en/favicon.ico"/> ... </head>
Use graphics you are familiar withsoftwareCreate a 16*16px, 32*32px, 48*48px render, save as an image in .png or .gif or .jpg format.
How to make a transparent favicon.ico icon?
Step 1:Make transparent PNG icons with PS.
Step 2:Open the online generation favicon.ico icon tool ▼
Click here to visit favicon.ico Icon Maker OnlineStep 3:Browse newly saved pictures
Step 4:Click: "Generate favicon.ico icon online".
Step 5:Follow the prompts to upload it to the website root directory.
How to update Favicon.ico icon?
- Close all open browsers and clear your browser cache.
- Open a website and add a favorite.
- Close all browsers, reopen the website and update.
If the favicon.ico icon has not been updated at this point, please wait a moment before opening the browsing attempt.
If you use Firefox or Chrome, updating is easier:
- Browsing in private mode in Firefox and Chrome updates the cache of favicon.ico icons.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) shared "What is favicon?Web site collection small icon ico online production generator", to help you.
Welcome to share the link of this article:https://www.chenweiliang.com/cwl-822.html
Welcome to the Telegram channel of Chen Weiliang's blog to get the latest updates!
📚 This guide contains huge value, 🌟This is a rare opportunity, don’t miss it! ⏰⌛💨
Share and like if you like!
Your sharing and likes are our continuous motivation!