Website hero size: 1920 × 1080 pixels
A full HD banner for the first screen of a website or a landing page.
At a glance
- Size
- 1920 × 1080 px
- Aspect ratio
- 16:9
- Orientation
- Landscape
- Used for
- Web and email
%22%2F%3E%3Ccircle%20cx%3D%22980%22%20cy%3D%22220%22%20r%3D%22200%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.25%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%221040%22%20r%3D%22280%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.18%22%2F%3E%0A%3Cellipse%20cx%3D%22600%22%20cy%3D%22900%22%20rx%3D%22430%22%20ry%3D%2244%22%20fill%3D%22%237C2D12%22%20opacity%3D%220.25%22%2F%3E%0A%3Cpath%20d%3D%22M190%20800%20C%20210%20660%20300%20590%20420%20580%20C%20520%20572%20560%20500%20600%20420%20C%20640%20350%20720%20340%20760%20400%20C%20820%20490%20900%20550%201000%20600%20C%201060%20630%201080%20700%201060%20770%20C%201040%20840%20980%20860%20900%20860%20L%20280%20860%20C%20220%20860%20182%20840%20190%20800%20Z%22%20fill%3D%22%23F8FAFC%22%2F%3E%0A%3Cpath%20d%3D%22M190%20800%20L%201060%20800%20C%201062%20830%201040%20875%20960%20880%20L%20270%20880%20C%20210%20880%20186%20850%20190%20800%20Z%22%20fill%3D%22%234F46E5%22%2F%3E%0A%3Cpath%20d%3D%22M610%20460%20L%20700%20660%20M%20650%20445%20L%20760%20640%20M%20700%20440%20L%20820%20620%22%20stroke%3D%22%234F46E5%22%20stroke-width%3D%2218%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M300%20720%20C%20450%20660%20620%20680%20760%20740%22%20stroke%3D%22%23F97316%22%20stroke-width%3D%2226%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E)
Make 1920 × 1080 banners from any template
Pick the 1920 × 1080 preset or let smart resizing lay out an existing design. Generate this size and all the others from one spreadsheet.
Questions and answers
What size is a Website hero image?
1920 × 1080 pixels, which is an aspect ratio of 16:9. Export PNG for sharp text or JPG and WEBP for photos; in Bannermatic you can also render at 2× density for high-resolution screens.
Can I make the Website hero size and other sizes at once?
Yes. Add 1920 × 1080 next to the other sizes of your campaign: stacks and smart resizing lay out one template for every format, and one run generates all of them for every row of your data.