Jump to content


Photo
- - - - -

Logo Size and Slider Sizes for Images


Best Answer Rob , 07 February 2013 - 09:28 PM

Hi,

 

The logo size should be measured in pixels, but the dimensions should never be too large.  Depending upon the desired size of your header, you should factor in an additional 30px that will be added through padding.

 

The file size should never really be more than 25Kb if possible.  Remember that image file sizes add to the memory call upon your server and upon the visitor's browser, slowing down the deployment of your site on the visitor's screen.

 

Personally, my logo is wider and shorter in design, so I make mine less than 90px high. Since the header branding area takes the image size PLUS the margins and padding into account, you'll want to keep the height low otherwise you're pushing the branding 'below the break' and visitors won't see important things like menus, content, sidebars, etc.

Go to the full post


  • Please log in to reply
1 reply to this topic

#1 fpcas9431

fpcas9431

    Advanced Member

  • Members
  • 65 posts
  • Country: Country Flag

Posted 07 February 2013 - 08:11 PM

Hi there: I am having trouble figuring out what the logo size (pxls x pals  or other ) that I can save my files as to look nice in Page line pro Templates

 

Also would like to build a slider here and will likely run against the same.

 

Right now I am guessing and its' taking 2o times longer...

 

help?

 

Here is logo current

Attached Files



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 February 2013 - 09:28 PM   Best Answer

Hi,

 

The logo size should be measured in pixels, but the dimensions should never be too large.  Depending upon the desired size of your header, you should factor in an additional 30px that will be added through padding.

 

The file size should never really be more than 25Kb if possible.  Remember that image file sizes add to the memory call upon your server and upon the visitor's browser, slowing down the deployment of your site on the visitor's screen.

 

Personally, my logo is wider and shorter in design, so I make mine less than 90px high. Since the header branding area takes the image size PLUS the margins and padding into account, you'll want to keep the height low otherwise you're pushing the branding 'below the break' and visitors won't see important things like menus, content, sidebars, etc.