What is the best size of image for my banner header background images?

[brownestone]

[Note: The title of this post has been edited by a moderator.]

If I want to create a header image where do I find the header sizes so that I can create the right sized banner header?

[ParisaE]

i dont know if any admins still read this thread, but 3 years later and this issue is still very real! i've been going for hours now trying to guess around make my header fit, despite having an artist custom make a header that was 2000 x 1000 px. the images are still cut off and look so unprofessional. its so frustrating!

[Adam7]

Depending on the dimensions of the screen and the content you have within your header area, you will see some cropping as the page responds to browser window size. If you make your browser window bigger or smaller you'll likely see the cropping change. You also make see a difference if you increase the height of the section, too.

[tommyboy35987]

Is there anyway to go back to making the banners the way they used to be made? This new one is incredibly frustrating, time consuming and definitely not user friendly. Hate is not a strong enough word for it.

[Queso]

Hello tommyboy! Can you tell us a bit more about the features you were looking to use? There have been a few banner iterations.

[basileas]

I used to be able to fill the tall banner with different pictures and arrange them how I want to. Now it only allows me to upload one picture for the banner and to guess the size is a nightmare. The preview in the "edit" section also doesnt show the same crop as after saving the picture.

[Adam7]

We updated the image editor earlier in the year because the old one relied on Adobe Flash. Some features of the old editor are not available in this newer editor, unfortunately. If you want to combine multiple images I would recommend doing that on your computer first before uploading.

[LittleLo]

Good evening Adam!

I am still finding my jpeg images are never the proper size when attempting to upload for my site. Would you be so kind as to offer some better tips/guidance on what the size the jpeg images need to be for background.

I tried going back into Photoshop to resize the jpeg but not having great success.

Thank you in advance!

Jared 

[cameljoe]

Added empty space around the banner image in photoshop. The image still being cropped need the whole image.

[cameljoe]

https://www.ihlodge.com/food.html

[kmilbs]

How can I make the header size smaller?  I have a small image/logo that I want to put in the header, but even re-sizing it as small as possible, the header is too big with a lot of blank space.

[Adam7]

Click on your header section so you see that the whole section is highlighted, then click and drag the small blue circle you see at the bottom. You can use that to shrink the height.

[BigRedSupport]

What if it still doesn't get small enough?  I have the same issue but haven't found in the HTML how to make it any smaller.

[Adam7]

If you don't find rules for it, you might need to write your own to override whatever styling its using. You can find out what is currently applied by using Chrome's Web Inspector.

[BigRedSupport]

I guess I was a little vague.  I don't know what setting in which file to look for the settings to change the header size.  I don't know what to look for when I run the inspector or how that helps.  I guess I was looking for more detailed help.

[RyanGirl]

Mine resizes in edit mode but does not resize on the linked webpage,  any input?

thegivenessproject.com

[Adam7]

When I check your site on a mobile device your banner is smaller than on a desktop, @RyanGirl. Did you change themes after posting this?

[Sparrow1]

Eliminate the banner completely and upload an image of your banner instead. Takes all the frustration out of the inability to resize the banner by pixels. The option used to be there, but now you can only crop the banner image, as opposed to resizing to fit properly. A real PITA.

[Daizy-Mae]

I used one which was 1768x496 pixels and 72dpi and it worked fine for me.

[dasonshi]

Helped answer my question, thank you!

[sonicsz]

can you help me, my header will not resize, it says drag to resize but it won't do anything. I called weebly but they wont help eventhough it's a paid account, also they jeep saying i can't do it because i changed 2 colors, that's bs, just changing the colors doesn't mess up the script... please help......i am trying to put videos in there but the banner is so slim see here: bayorthopedic.com

[Adam7]

Thanks for your post, @sonicsz. Something with your custom theme is breaking the option to make your sections larger. Our Customer Success team does not assist with custom coding issues, which is why they said they couldn't help with that. One thing you could try doing is switching to a standard theme, changing the height of sections to what you want, then re-doing your custom edits to make a new custom theme from that.