Are you looking to change the favicon in Magento 2?
Magento comes with an inbuilt feature that lets you easily change the favicon.
Let’s see how to change the favicon in Magento 2 without installing the Magento extension.
What is Favicon?
A favicon is a small pixel icon that helps in branding of the website. It shows whenever your URL is displayed. The most common use of a favicon is to identify the website by looking at the favicon, as text is not readable all the time.
For example, in chrome tabs:
In bookmarks lists:
In search bar:
In history:
With favicons, users can identify a website by looking at the small images. Branding eases the navigation to the website.
Also, the URL converts into the title embedding. So one cannot know the website by glancing if there is no favicon to show it.
As a store owner, you must have a favicon for the website.
Magento Favicon Dimension and Format
The Magento 2 favicon size should be 16 x 16 pixels or 32 x 32. The favicon formats accepted by Magento 2 are ICO, PNG, JPG, and SVG.
How to Change Favicon in Magento 2?
Steps to change favicon in Magento 2:
- Login to Magento admin dashboard
- Navigate to Content >> Design >> Configuration
- Select the Store to edit from the list
- Scroll down to find the HTML head
- Expand the HTML head tab
- Upload the Favicon
Click on Save Configuration to apply the changes.
How to create a Favicon?
You can create a favicon at no cost using online tools. Some tools are:
- Canva.com
- Favicon.io
- Favicon.cc
- Favicon-generator.org
- Favicongenerator.com
- Realfavicongenerator.net
Wrap Up
Setting up a favicon is a small thing, but it has a great impact on users. They can find your store under the list of websites in a glance.
It is highly recommended to upload a unique favicon to the Magento 2 store.
In this quick tutorial, we learn to change the Magento 2 favicon. If you encounter any issue, feel free to comment it down.
