Best size for Website Logo

Last Update: March 17, 2021

Website logo or Banner

I'm not really sure what its called but on Twenty Seventeen theme, there is the image of 2 pots on a wooden table.

I think its called a Header Logo or is it called a Header Banner?

Either way, I want to make a similar banner/graphic that goes across the top of my website but where can I find the best dimensions required to do that?

Keep it mobile-friendly

And how do I ensure it remains mobile friendly?

I have created a banner in Canva a few times using some text and a background, but I really need to know the best size (or at least the width), as they always appear a bit small on the screen.

Thanks

Join the Discussion
Write something…
Recent messages
tdbabineaux Premium
I would suggest enlarging or shrinking the image bit by bit until it fits just right. That's what I do. It's faster to do than you might think. And I've used Photoshop for many years!

Firefox browser comes with an emulator. It allows you to see exactly what your screen will look like in any of the three operating systems that cell phones use. And it's free.

Microsoft used to put an emulator in their browsers, but I don't know if they still do.

Terry
Reply
maxmillion18 Premium
Thanks Terry.
In my theme, where I add the header logo, I only seem to have the chance to add or remove. No option to enlarge or reduce this wonderful image that I designed in Canva. i could be looking in the wrong place of course.
Which made me think I had to create it a specific, fixed size.
Reply
tdbabineaux Premium
Since Photoshop is out of commission for me, at least for the time being, I just use Microsoft paint for simple stuff like cropping and changing image size.

Terry
Reply
JeffreyBrown Premium
I love Microsoft paint, Terry--Specifically, paint 3D!

Jeff
Reply
1800CC Premium
Oh joy. Your getting into the thick of it now. Learning all about website designs. Keep at it, this knowledge will help build some fantastic websites in the future. Keep asking for help.
Be safe
Mike
Reply
RogerMackley Premium
Good question, was wondering the same.
Reply
1Rudy1 Premium
Re mobile responsiveness, most themes are mobile friendly, it's a matter of tweaking your mobile view, which will differ.

The view you see on your desktop, is not the same view on your cell phone.

Reason?
Space.

The phone is convenience. Most work is conducted on the 'desktop' or laptop used as the desktop computer.

With Elementor page builder, while in your site admin, while working on your post or page, you will be able to see a view of the desktop, table and mobile devices. There, you can decide if changes are needed to properly display.

Hope that helps.

Rudy
Reply
1Rudy1 Premium
Most themes set your logo dimensions.
That said, you can design your logo to fit the space.
Your logo can be a full header or a small image that sits in the corner of your header.

Some themes permit you to set your logo at left, right or center.

Hope that helps...

Rudy
Reply
maxmillion18 Premium
Thanks Rudy. I will look again in the morning. Someone told me I needed to create a banner of 728 across rather than let WordPress fit a small logo into the space
Reply
Top