header image

• 

  thebakingisle · Member · Jun 24, 2016 at 8:31 pm

  • Copy link
  • Add topic to favorites

  what is the right size for a header image? When I crop and upload a pic, it looks fuzzy/fragmented.

  The blog I need help with is: (visible only to logged in users)

• 

  leifq · Member · Jun 25, 2016 at 2:11 am

  • Copy link

  Hi thebakingisle,

  The header image size will (usually) be different for each theme.

  Some themes will actually specify the header image size in the admin panel when customizing your theme. If not, you can try using the developer tools that are built into your browser to figure out the size. Either Firefox or Chrome will work.

  Your site, for example, appears to be using the Kubrick theme. On the front page, if I hover my cursor over the header image and right click on the mouse button, a menu pops up with an ‘Inspect Element’ item. Selecting that should bring up your developer tools where you’ll see that the container size for your header is 740×192 pixels.

  Be sure to avoid the area where the text is floating over the header image, since that will give you the dimensions for the title area – not the header image.

  If you want to dig a little deeper into using devtools, there’s a great free resource here:
  https://www.codeschool.com/courses/discover-devtools

  Hope this helps!
  -Leif