---
title: heroImg
framework: tvml
role: collectionGroup
path: tvml/heroimg
---

# heroImg

Displays an image that is usually large and detailed.

## Overview

Overview The heroImg element contains a link to an image that is to be displayed. This element is commonly used to display a picture of a product inside of a banner. Here’s an example of a heroImg element used to promote a movie. <heroImg src="path to images on your server/Car_Movie_720x1080.png" /> Contained In background banner itemBanner placeholder

## Topics

### Valid TVML Styles

- [border-radius](tvml/border-radius.md)
- [height](tvml/element-shaping-height.md)
- [margin](tvml/margin.md)
- [width](tvml/element-shaping-width.md)

### Valid TVML Attributes

- [accessibilityText](tvml/accessibilitytext.md)
- [binding](tvml/binding.md)
- [contentsMode](tvml/contentsmode.md)
- [height](tvml/image-attributes-height.md)
- [opaque](tvml/opaque.md)
- [prototype](tvml/prototype.md)
- [src](tvml/src.md)
- [srcset](tvml/srcset.md)
- [width](tvml/image-attributes-width.md)
- [theme](tvml/theme.md)

## See Also

### Image Elements

- [decorationImage](tvml/decorationimage.md)
- [fullscreenImg](tvml/fullscreenimg.md)
- [img](tvml/img.md)