Favicon is a small icon that is displayed on users’ address bar or bookmark of the browser. Users can also see a website’s Favicon next to page’s title on browser tab. There are much more use of favicon that makes it a great tool for increasing brand’s awareness.
In this quick Magento tutorial, we will learn how to change favicon for Magento.
Step 1: Preparation
We need a favicon file (Magento accepts ICO, PNG, GIF, JPG, JPEG, APNG extension) to change your favicon, you can design your our favicon file or generate 1 from your existing image at http://www.favicon.cc/
This is the favicon I created and using for Magento explorerÂ
Step 2: Change favicon for Magento site
In your backend, navigate to System > Configuration > General > Design tab
Next, choose the favicon file you created in Step 1 and click on Save Config
Change favicon in Admin
The default url to favicon file in Magento admin is: skin/adminhtml/default/default/favicon.ico, you can navigate to this location using FTP file manager and upload and replace your new favicon here.
If you want another name for favicon file rather than default name, you can look for this line in app\design\adminhtml\default\default\template\page\head.phtml
1 | <link rel="icon" href="<?php echo $this->getSkinUrl('favicon.ico') ?>" type="image/x-icon"/> |
Here you can change favicon.ico file name to the name you want.