How to create and embed a WordPress favicon

With a favicon you give your WordPress site a distinguishing feature among the many open tabs in the browser. We will show you how to create a favicon and include it in WordPress.

Favicons are important to give your site a recognition feature in the browser.

Favicons have always been important - not only for WordPress sites. But only since some time WordPress has made the integration of favicons much easier. The corresponding function is now namely firmly integrated into WordPress and can be found regardless of the theme always in the same place.

Create favicon for WordPress page: How to do it

To create a favicon, you need any graphics program such as Photoshop or GIMP. When creating the graphic, pay attention to the following criteria:

• The favicon must be square.
• The favicon must have an edge length of at least 512 pixels.

Besides that, you have free choice in designing the favicon. It is advisable to stay stylistically and colorfully close to the design or logo of the website, so that the favicon is automatically associated with the page.

How to embed the favicon in WordPress

Save or export the finished favicon in JPG or PNG format.

1. After that, log in to your WordPress site and go to "Customizer" under "Design".
2. Click on "Website Information" in the left bar.
3. There you will find the section "Website Icon" at the very bottom. This refers to the favicon. Click on "Select Website Icon" to upload your favicon or exchange your current favicon for a new one. WordPress will show you via live preview how the favicon will look in the browser tab.
4. Additionally, set titles and subtitles for your website in the available fields. These will be displayed next to the favicon in the browser tab.
5. After integrating your favicon, click "Publish" at the top so that the website is updated and your favicon is visible to everyone.