Set Header Resolution For Free

Website banner As you can see, there are plenty of options. However, if you're thinking about having a banner that's not an ad, the rectangular options (e.g. 300 by 200 pixels or 970 by 90 pixels) are generally better. Keeping the file size small helps improve your webpage speed, so a max of 5 megabytes would be ideal.

Best header image size The best image size for website headers is 1024 pixels wide. Most websites have a resolution of 1024px x 768px. So, a header image of 1024px will render nicely across the top of your website while not slowing down your webpage speed.

A header image follows a aspect ratio, which means that it should be four times as wide as it is tall. For example, if the header image is 400 pixels wide, it should be 100 pixels tall. The best size for a header image is 1600x400 pixels.

Best header image size The best image size for website headers is 1024 pixels wide. Most websites have a resolution of 1024px x 768px. So, a header image of 1024px will render nicely across the top of your website while not slowing down your webpage speed.

Click in the header or footer section where the image is located. Click in the &[Picture] text of the image. On the Design tab under Header & Footer Tools, click Format Picture in the Header & Footer Elements group. On the Size tab, adjust the size of the image to fit inside the header or footer section.

Your website header should reflect your brand, clearly communicate what you offer, and be eye-catching enough to grab your audience's attention and convince them to keep scrolling. It should also check all of these boxes in as little time, and with as little copy, as possible.

Figure A: The header's left and right margins are one inch in all new documents. These are the same settings you see if you open this dialog in the document's body or footer. This is because the margin settings include the entire document.