The first step is to log in to your WordPress dashboard and head over to Appearance > customizeĬongratulations for adding the site icon to your Divi website. Now that you've done designing the favicon, let's see how we can add it to the website step by step.
Hire a freelancer: For those who want to save time, you can hire a freelancer on platforms like Fiverr and get a professional site icon. If you want to design it yourself then you can use an online designing tool like Canva and use Iconfinder to find some beautiful icons.
Use an online generator: This is the easiest option that will let you create a favicon in a few clicks and there are a lot of free generators online. Use software: If you're a little bit of experience in Photoshop or illustrator then it would be a piece of cake to create a favicon, you'll just design a short version of the name or if you have used an icon in the logo it would be a perfect favicon. Here are some of the ways to create a favicon for your diviwebsite:
Let's continue … 1 – How to create a favicon for your Divi website? Here we're in the actionable part of this article in which I am going to walk you through creating your favicon and adding it to your divi site. Professionalism: focusing on such as small details in your business adds legitimacy and makes your brand looks professional to a great extent and consequently, attract more potential customers.
In general, whether you're using the Divi theme or using the Divi builder along with another WordPress theme the file formats for a favicon are.
3 – The Favicon file format for Divi Theme WordPress recommends that the site icon be at least 512×512 pixels initially then it's been resized to the correct dimensions in each device, that way it will preserve its quality. The best dimensions for a favicon is 16×16 pixels which is the optimal size and the size that in which they're commonly displayed although, you can see them in larger sizes such as 32×32 pixels or even larger. Now that we have seen examples of the favicons, we're going to talk a little bit about the right sizes and the exact dimensions that will give us the best result. You'll see the default icon of “Divi” as the favicon but stick around because we're going to explain how you can create your own favicon and replace the default one.
then once you install and activate the theme from the WordPress dashboard. If you're using the Divi theme or you think to use it to build your website. it's usually a tiny version of the logo or sometimes the abbreviation of the brand's name (one to three characters of text).įor instance, this website you're reading now has a favicon that's is the short version of the logo (the first letter of the website's name designed into a beautiful icon) that you can see in the browser tab as shown below: The favicon of a site is simply a small pixel icon that acts as a branding element. In this section, we're going to talk about some crucial things about favicons that you must know as a developer creating WordPress websites for clients or as a site owner. 1 – How to create a favicon for your Divi website?.3 – The Favicon file format for Divi Theme.2 – Best Divi Favicon Size / Dimensions.