Favicon, is a small element of your site, which perhaps due to its inconspicuousness and lack of direct impact on the appearance of the site is often overlooked by novice webmasters. If you haven't yet taken care of such an icon on your WordPress site, now you can make up for it.

What is favicon and why do you need it?

Favicon - is an icon next to the title that is a small, visual identifier of your website. When you open other sites, you see their favicon in the list of running bookmarks or bookmarks that you have previously added to places on the Internet that are of value to you. Their location may vary slightly depending on the browser you are using, but you will find them easily.

Favicon is primarily used to quickly identify a page. With many tabs open as in the image below, you can quickly see which tab contains what. Especially if you already know the page, because you often visit it.

favicon in web browser bookmarks

In addition to the browser, the icon can also be used on smartphones when someone adds your website to the home screen. The icon will appear next to others and will instantly identify your website.

As you can see, it's an element that makes it easier for users to recognise your pages, but a favicon also builds something much more valuable, namely your brand recognition. For these two reasons it is worth remembering about it. But that's not all. The icon can also be used in search results on mobile devices.

favicon in search results on mobile devices

Let's get down to specifics. In this article I will show you how to add a favicon to a WordPress website. This could be blog, homepage, webshop... does not matter. In each case the procedure is very similar.

How to create a favicon

In fact, you can use any graphics program you like. If you have Photoshop or Gimp, go ahead and use it. If you don't have it, you can use tools available online, e.g: Crello, Canva, GlorifyApp, Pixlr or others that allow you to prepare a suitable image file.

Pixlr and prepared favico icon in size 512x512

Prepare the graphic in 512×512 pixel size and then save it to your computer.

How to insert a favicon in WordPress?

Once the icon graphic is ready, log into your WordPress dashboard and navigate to Appearance > Customize > Site Identity. On the screen below you can see a mix of Polish and English, which may also be the case for you depending on which components on your site you use.

WordPress favicon and a place in the Customize section where you can upload the icon

Note that here too you have information about the recommended icon size.

Click on the button Select the site icon. This will launch the site's media library. Assuming you haven't added an icon to it yet, click on the Add filesand then the button Select files.

selecting an icon file for uploading

Find the icon file on your computer and upload it to the library, then confirm your choice.

indication of the loaded file

When you do this you will see an image with a preview of how your icon will look in browsers and on mobile screens.

icon presentation preview

You can delete or change the icon if necessary. If it's OK, don't forget to click on the Publish. This ends the topic. From now on, the loaded icon will be visible in the previously mentioned places.

In older versions of WordPress this task was not so easy, sometimes you had to play with manual insertion of appropriate code into the header of the page or help with plugins. Nowadays, the process of inserting a site icon (favicon) is greatly simplified and should not cause you any trouble 🙂 .

Share

See also

Dynamic WordPress content

WordPress and dynamic content

Before launching your site, you decide to go with WordPress, but it turns out that your idea isn't quite typical. You face a wall. You wonder how to break up

what is a webinar

What is a webinar and what is it for?

Webinar, webinars... You certainly hear these words more and more often. Especially today, when, thanks to the pandemic, the activity associated with them is more noticeable. In this article

WordPress login

WordPress login - How to log into the panel

Logging into the administration panel of a website running on WordPress is an activity that does not require complex knowledge. All you need is a basic knowledge of this CMS or a hosting account for

Free information on JZS news

I invite you to become a subscriber! Thousands of readers already subscribe to news from JZS.

You can unsubscribe at any time. Your address is safe here.

Featured LifeTime Offers!

Gravitec
Gravitec

Use WebPush notifications to increase traffic and sales

Studiocart

Sales funnel builder to effectively scale your online business.

Virusdie - Lifetime
Virusdie

An excellent tool to protect your website from attacks, as well as a tool...

Leave a Reply

Your email address will not be published. Required fields are marked *