Use 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.

Recommended website header image pixel size for your website Websites are designed for 1024 x 768px resolution. If you intend to use a header that is more than 1000 pixels, use one of these header sizes: 1280px. 1366px.

Most headers are set up to use the full width of the page. The height generally for a home page header is around 600 pixels high. For a content page header, this might be slightly smaller at around 300 pixels.

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.

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.

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.