Best size for a logo ?

organicisb · Member · Aug 25, 2015 at 12:33 pm
Copy link

Add topic to favorites
Hi.

I want to increase the quality of my logo.

What is the best / recommended size of my logo to be set as, in pixel?
– For the blog main header?
– In the flavicon?
– At the Author picture profile?

Thank you.
Amanda

The blog I need help with is: (visible only to logged in users)
ebooksulit · Member · Aug 25, 2015 at 12:42 pm
Copy link
Blog main header.. it depends on the size of your header area. But if you want a simple header, then 200x 100px would be fine.

Favicon 16 x 16px

Author picture is 80×80 or 70×70 (depends on your web design).
organicisb · Member · Aug 25, 2015 at 12:51 pm
Copy link
Hi Ebook,
Thank you for the quick answer. Noted about the favicon and Author picture.

On the blog main header, I would like a logo that take a full width of the page.
So, to get the best optimal visual, is it best to upload a 200x100x logo and increase the width/hight on my css editor, or use a logo that already have the desired size ? Hope it makes sense ;)
kathrynwp · Staff · Aug 25, 2015 at 2:13 pm
Copy link
On WordPress.com, your Blavatar – which is also used as a favicon – should be at minimum 128 x 128 pixels square. 16 by 16 is too small on WordPress.com since we use the Blavatar in other places besides the browser favicon. More details here:

https://en.support.wordpress.com/avatars/blavatars/
kathrynwp · Staff · Aug 25, 2015 at 2:16 pm
Copy link
Optimal logo size depends on your theme. Assuming you’re talking about Canard, the theme display a logo at a maximum of 400 by 90 pixels. If you upload a logo at max 800 by 180 px, that means it will still look sharp on high density screens (like retina).

Let me know if this is clear. :)

So, to get the best optimal visual, is it best to upload a 200x100x logo and increase the width/hight on my css editor, or use a logo that already have the desired size ? Hope it makes sense ;)

Don’t use CSS to increase a logo size, that doesn’t get sharp results.
kathrynwp · Staff · Aug 25, 2015 at 2:16 pm
Copy link
At the Author picture profile?

Can you show me where you’re adding an author photo so I can have a look?
organicisb · Member · Aug 26, 2015 at 6:20 am
Copy link
Hi Kathy,

Yes, I am using the canard theme on my blog. This is the css code I used for the header logo size:

.header-image-inner {
width: 100%;
}

I will set up my author profile on one of the featured tag, top right under my header.
Using the demo link as a reference, (https://canarddemo.wordpress.com/), my author picture will be at either Venice” or “DJ tools” location/

Thank you.

At 100% width, it is still no big enough, I would like the logo to has a higher lengh.
Would you recommend me to re upload a logo? If so, in png or jpeg? and how many pixel?
Thank you.
organicisb · Member · Aug 26, 2015 at 6:23 am
Copy link
Could you please give me the css code that control the footer menu? I would like to change modify the background color, font and hoover color.

Thank you.
kazicomputer · Member · Aug 26, 2015 at 6:43 am
Copy link
I like to change logo from ninaskitchen.wordpress.com
kathrynwp · Staff · Aug 26, 2015 at 2:23 pm
Copy link
kazicomputer – ninaskitchen.wordpress.com is running an extremely old theme which doesn’t support either a logo or custom header. I’d strongly recommend choosing a newer theme. If you need further help, please start a new thread. Thanks.
kathrynwp · Staff · Aug 26, 2015 at 2:28 pm
Copy link
organicisblog – to clarify something important, Canard supports both a logo (under Site Title, Tagline, and Logo) and a custom header (under Header Image). These two display differently and have different maximum sizes. It looks like you’re using the custom header so I’ll address further comments to that, to avoid confusion :)

Your custom header file is currently 721 pixels wide. The best way to get it to fill a wider area in your theme is to go back into your graphics program – or wherever you created this image – and revise the image so it’s 1260px wide, as that’s the maximum width supported by the theme.

Once you create and upload your 1260px-wide file it should take up the full width of the header area.
kathrynwp · Staff · Aug 26, 2015 at 2:31 pm
Copy link
Could you please give me the css code that control the footer menu? I would like to change modify the background color, font and hoover color.

Give this a try, tweaking the fonts and colours as you wish – these are just examples:
```
.footer-navigation {
  background-color: #eeeeee;
}
.footer-navigation ul a {
  font-family: Verdana, Helvetica, sans-serif;
}
.footer-navigation ul a:hover {
  color: #bb00bb;
}
```
For further CSS help, please post in the CSS Customization forums:

https://en.forums.wordpress.com/forum/css-customization
kathrynwp · Staff · Aug 26, 2015 at 2:59 pm
Copy link
I will set up my author profile on one of the featured tag, top right under my header.
Using the demo link as a reference, (https://canarddemo.wordpress.com/), my author picture will be at either Venice” or “DJ tools” location/

It sounds like you will be adding an author photo by uploading it as a featured image on a post. If that’s the case, the recommended size for featured images in Canard is 1920 wide by 768 high.

More size recommendations in the Quick Specs box at the bottom of the Canard setup guide: https://wordpress.com/themes/canard/
organicisb · Member · Sep 4, 2015 at 8:12 am
Copy link
Thank you for your help.
kathrynwp · Staff · Sep 4, 2015 at 2:37 pm
Copy link
My pleasure.

No items found.