ヒーローイメージ（hero image）あるいはヒーロー画像とは、Webサイトのファーストビューにて、画面を全面に覆い尽くすように配置した大きなサイズの写真やグラフィック要素のこと、あるいはそのレイアウトのこと。同様に配置した動画を「ヒーロームービー」、それらの総称を「ヒーローヘッダー」と呼ぶこともある。

最初に目に飛び込んできたWebサイトのデザインによって印象を決定づけ、視覚的に訪問ユーザーの関心を引くことができる。

ヒーローイメージは、Webサイトの内容と目的を一瞥で理解できるようにしなければならない。そのためには感情に訴える画像や意味を持ったメッセージが必要で、同時に画像の速い読み込み速度も担保しなければならない。