Hi dears, which are your suggestions and best practices for the community logo?

I'm speaking about dpi, px and file type.

Pls share your secrets :-)

Depends entirely on your logo. 

I haven't yet a logo, I'm looking for specs and rules for my creative guy.

Can be a general interest question.

File type = PNG for transparency

File size (dimensions) = right click on Invision logo to download.  The inspect.  

 

File size (dimensions) = right click on Invision logo

683 x 59 looks very small in mobile teme :-(

 

683 x 59 looks very small in mobile teme :-(

It's actually not that small.  Keep in mind that mobile windows have very small space, and you have menus, breadcrumb, navbar, etc.  

So you don't want to make too big.  

 

 

I haven't yet a logo, I'm looking for specs and rules for my creative guy.

The logo should come first. The rest will follow from that. If it’s a simple vector shape, an SVG image might work best and “dpi, px” would be pointless specs*. If it’s photorealistic, that won’t work and PNG might be better …

*dpi will be always be a pointless spec by the way. 

@Joel R I'll explain better.

A test PNG 683 x 59 logo is perfect in the desktop theme but appears small in the mobile theme.
Instead, the Invision Community logo PNG 683 x 59 appears well on both the desktop and the mobile.
I'm a little confused.

loading the original Invision Community logo PNG 683 x 59 on my 4.2 theme: looks enormous 

 

The logo should come first. The rest will follow from that. If it’s a simple vector shape, an SVG image might work best and “dpi, px” would be pointless specs*. If it’s photorealistic, that won’t work and PNG might be better …

*dpi will be always be a pointless spec by the way. 

It is true what you say, but my creator wants to know whether it should be round, square, rectangular, 2:3, 16:9, and so on.

PS. Accepted file types are gif, jpeg, jpe, jpg, png, not svg.

 

my creator wants to know whether it should be round, square, rectangular, 2:3, 16:9, and so on.

Well, that would depend on your current name, topic and the style of your site, which we also don’t know. Again, it’s context-specific. Website logos can have all sorts of sizes and aspect ratios for various reasons. It should fit your site, not follow some arbitrary rules. 

 

  6 minutes ago, sofos said:

PS. Accepted file types are gif, jpeg, jpe, jpg, png, not svg.

Sure, but SVG can still be included in the logo template if its suitable. 3 of my 4 IPS websites have SVG images + text instead of a regular image logo. 

 

loading the original Invision Community logo PNG 683 x 59 on my 4.2 theme: looks enormous 

Oooh.  No, not the entire header.  Right-click on the words "Invision Community" and you can open up the image used for the logo.  

 

loading the original Invision Community logo PNG 683 x 59 on my 4.2 theme: looks enormous 

This because logo also has css added reduce logo to 230px you also do same using css for desktop and mobile there no really best way as every theme is done different and site name could be less words then Invision Community.

It doesn't matter what size you create your logo as long as it isn't too small. Once it's created, use CSS rules to tell the browser how you want it to display. The site here is a good example; the logo is designed much larger than it displays.

 

SVG can still be included

I can load an SVG? 

 

Oooh.  No, not the entire header.  Right-click on the words "Invision Community" and you can open up the image used for the logo.  

it's just the logo 683 x 59 

 

it's just the logo 683 x 59 

Which has been resized with CSS, as both Pete and I said above.

Very useful thread, thank you.