---
title: img
framework: tvml
role: collectionGroup
path: tvml/img
---

# img

Displays an image.

## Overview

Overview The img element contains a link to an image that is to be displayed. This element is commonly used to display a preview image for a product. Here’s an example of an img element as part of a lockup element. <lockup>     <img src="path to images on your server/Car_Movie_250x375_B.png" width="150" height="226" />     <title>Road</title> </lockup> Contained In background lockup organizer

## Topics

### Valid TVML Styles

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

### Valid TVML Attributes

- [accessibilityText](tvml/accessibilitytext.md)
- [aspectFill](tvml/aspectfill.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)
- [heroImg](tvml/heroimg.md)