How can I make the message of this hero image clearer?

1. What is the main purpose of a hero image?
2. How do you write a hero message?
3. What size should hero image be?

What is the main purpose of a hero image?

A hero image is a website design term used to describe an oversized banner image at the top of a website. Sometimes called a “hero header”, it serves as a user's first glimpse of your company and offering because of its prominent placement towards the top of a webpage that usually extends full-width.

How do you write a hero message?

First and foremost, an effective website hero message is no different than the sign outside that diner: It should explain what you are and do. But unlike a physical sign, a hero message can go even further—helping to explain who you do it for, the value you add to the world, and/or why anyone should care.

What size should hero image be?

The ideal size for a full-screen hero image is 1,200 pixels wide with a 16:9 aspect ratio. For a banner hero image, the ideal size is 1600 x 500 pixels. If you need crystal-clear images, or your target audience browses on large screens, you may have to size up to 1,800 pixels.