Paste the code below within the head of each page. Save the “favicon.ico” file in the main website directory.Ģ. There are many online free tools can help you, such as the Free Online Image Converter ( ).Īfter converting the favicon graphic to ICO format, save the file as “favicon.ico”, and then you can publish it to your website by following these two steps:ġ. Now you need to convert the favicon to ICO format. Step 6: convert the favicon graphic to ICO format and publish to webįind the output favicon graphic from the path you specified. Set saving path, choose the export file type, and then click “Save” to export the favicon graphic. Since we are creating a favicon, so set both width and height valuesįrom the “Save as type” drop down list, you can see three kinds of output formats: JPG, PNG (with transparent background) or BMP.

You can export your logo to different dimensions suitable for web or print. What’s more, Logo Maker supports importing SWF andĮdit the font style and add special text effect for the favicon.Ĭlick “File” -> “Export Logo”, and you will see the “Export Logo” window. Importing external images is also allowed when create the favicon. Logo Maker provides over 2500 logo graphics, you can select the target image and replace it with any one from the Resources library. In this tutorial, we use the following template to create the favicon. Launch Sothink Logo Maker and you will see a window showing various kinds of logo templates. (From Wikipedia)ĭownload Sothink Logo Maker > (30-day free trial) Login to your WordPress site and follow these steps: Go to Administration Screen > Appearance > Customize. Once you have image ready, this is how you add it. Browsers that provide favicon support typically display a page’s favicon in the browser’s address barĪnd next to the page’s name in a list of bookmarks. To add a favicon to your WordPress blog or site, you’ll need an image file ready or if you know how to code a snippet to implement after the tag. A web designerĬan create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. A favicon (short for favorites icon ), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage.

How to make a favicon for your website