در دنیای دیزاین وب بکارگیری تصاویر بزرگ در طراحی وب سایت‌ها از محبوبیت بالایی برخوردار است. این قبیل المان‌ها که هم می‌توانند در قالب تصاویر واقعی باشند و هم به‌صورت تصویرسازی به کار روند معمولا در شکل‌های گوناگونی مورد استفاده قرار می‌گیرد که از آن جمله می‌توان به استفاده از عکس به تنهایی، عکس به همراه متن، اسلاید تصاویر، تصاویر ثابت، ویدیو و یا تصاویر متحرک اشاره نمود. به استفاده از تصاویر بزرگ در هر کدام از قالب‌های ذکر شده به طور مشخص در بالای صفحه وب‌سایت Hero Image گفته می‌شود.
با گسترش توجه طراحان به جزئیات بصری برجسته و تنوع تصویرسازی در وب سایت‌های مدرن، به نظر می‌رسد که رویکرد استفاده از Hero Imageها، از صرف ترند بودن در سال‌های گذشته به یکی از مهمترین استراتژی‌های طراحی وب سایت عصر حاضر تبدیل شده است.
استفاده مناسب از یک Hero Image می‌تواند باعث ایجاد اعتبار و اعتماد برای برندها شود بنابراین ابزاری بسیار مهم و موثر در طراحی وب می‌باشد. این قبیل تصاویر به جهت قرارگرفتن در بالاترین قسمت سایت و همچنین ابعاد بزرگ آنها، معمولاً اولین عنصر بصری هستند که توجه کاربران را هنگام ورود به وب‌سایت به سمت خود جلب می‌کنند. پس بسیار مهم است که در صورت استفاده از این استراتژی، با استفاده از تصاویری با کیفیت بالا و به صورت تمام صفحه، بتوانید نسبت به ایجاد اولین تصور مثبت از برندتان در ذهن کابران اطمینان حاصل نمایید.
بطور کلی هدف اصلی به کار بردن این تصاویر در طراحی وب‌سایت‌ها، نمایش تصویری جذاب از محتوای اصلی وب‌سایت است. علاوه بر این از آنها می‌توان به‌منظور هدایت کاربران به سمت CTAهایی استفاده کرد که برای تجارت شما ارزشمند هستند. به عنوان مثال در سایت‌ها و وبلاگ‌های رسانه‌ای می‌توان از Hero Image به طور همزمان جهت جلب توجه بازدید کننده و هدایت او به سمت خواندن یک مقاله یا یک سلسله مقالات مشخص استفاده نمود.
این مقاله توسط استودیو توبیک تهیه شده است و نویسنده آن ضمن پرداختن به اهمیت Hero Image در طراحی وب، راه‌ها و روش‌های مختلف به‌کار‌بردن آن در جهت رسیدن به اهداف موردنظر طراح را بیان می‌کند. در انتها تمامی این موارد را با ذکر مثال‌های مختلف در طراحی‌های انجام شده توسط این استودیو به خوانندگان نشان می‌دهد.
