Great times we live in — the all important logo, which atomises what your brand stands for, is no longer something you have to pay for. Now, with some guidance like What You Need to Know About Logos in 2020, you can create a professional-looking logo for free with just a few simple clicks.
The next step is to add your stylish new logo creation to your website. And like most people, the stats show you’re probably using WordPress. Then there’s also adding favicons, which are great for brand recognition too.
These are the common confusions we’ll straighten out in this guide:
So, you’ve created a great looking custom logo which tells the world at a single glance that your company is something to watch out for. These are the steps you’ll take to add it to your WordPress site, depending on the design theme you’ve chosen:
Most free themes have this layout, but for others you’ll need to dig around a little in the general area to find the image upload functionality.
Developers of premium themes usually try to make as few clicks as possible for you to upload logos and other images. It’s the Upload tab that may take a little digging around. This is the most common method:
You may be thinking that you want to do things differently with your website layout to stand out more. But when it comes to ease of use for your customers, this isn’t always the wisest approach. Some things become standard practice because they simply work best. Logo placement is one of them.
Research has shown that positioning a logo in the left top corner of your website is optimal. It helps make navigation (getting around the site) easier because people are used to clicking top left when they want to go back to the Home Page. The study also found that 89% of people are more likely to remember your brand logo if it’s placed top-left compared to top-right.
That’s not to say you can’t be more original and place your logo top-centre. That could work too, providing it’s complimented by a balanced and stripped down menu so it looks clean. But if you have a busy menu or are in doubt about a centred logo fitting your site design, rather go with the proven top-left placement.
Two extra useful tips related to logo positioning are:
As the name suggests, these are the small icons representing websites that you see in your browser tabs and Bookmarks. The main difference between favicons and logos is technical — pixel size and file type.
The tricky thing about Favicons is that the ideal pixel size varies depending on the platform, and there are also varying opinions on the subject. But most experts agree that the standard pixel size is 16x16, and you’ll also need 128x128 for the Google Chrome Store and other platforms where a larger icon is called for.
Then there’s file type, or format. The most important one is PNG format, which lets you store your favicon as a very small file for fast loading times, and is super easy to export to different platforms. ICO is the only format supported by Internet Explorer, but to bypass this for Apple platforms, developers tend to save the icon as a PNG file and rename it as an ICO. You can even create an ICO icon file from a normal JPG image.
If you have a fairly simple, steamline logo, you can use it as your favicon. To easily convert your logo into an icon or create a modified one, do a search for ‘app icon builder free’. Bear in mind that a favicon needs to be clearly distinguishable in small tabs, so the ideal is to strip down your logo to it’s most essential elements. Think of the Nike ‘swoosh’ symbol, or the Google ‘G’.
As with WordPress logo size considerations, you may need to crop your icon, so bear this in mind during the design. Follow these steps to complete the upload:
Even though things may be a little different depending on the template you’re using, the steps we’ve outlined let you change a logo in WordPress with just a few clicks.
Bear in mind that placing your logo in the top-left of your site may seem unoriginal, but research has proven that it’s best for usability. Also don’t forget to make the most of your logo by adding it throughout your customer touchpoints.
Favicons are used in browser tabs and bookmarks. They need to be simple so they’re distinguishable at small sizes, or the whole point of creating brand identity gets lost. Other than that, the main difference between a logo and favicon is technical considerations. Create or improve your logo first, then strip it down to the essential elements.
From there you can easily convert it to the correct icon format. The process for adding or changing a favicon to your WordPress Dashboard is similar to the logo — follow the simple steps we outlined.
We’ve built a 20 year global track record of trust for giving our customers a range of vital web services, from domains, hosting and websites to useful apps and cybersecurity. Namecheap believes in giving people the businesses tools you need without the usual roadblocks — high quality, user-friendly and super affordable (or in this case completely free).