<!-- using the direct media url, append query parameters to the url -->
<img src="https://9skdl6.media.zestyio.com/Arcade-Space-Ship-Example.jpg?width=200" alt="space ship example">
<!-- using parsley, append query paramters outside th call -->
<img src="{{this.image.getImage()}}?width200&crop=1:1" alt="parsley example">
<!-- example using src set images to be used at different display pixel densities -->
<img srcset="{{this.image.getImage()}}?width=320&dpr=1.5 1.5x,
{{this.image.getImage()}}?width=320&dpr=2 2x"
src="{{this.image.getImage()}}?width=320"/>
<!-- HTML5 art direction, use different images based on browser width -->
<source srcset="{{this.image.getImage()}}?width=600&crop=16:9" media="(min-width: 600px)"/>
<img src="{{this.image.getImage()}}?width=320&crop=1:1"/>
background-image: url(https://9skdl6.media.zestyio.com/Arcade-Space-Ship-Example.jpg?width=2000)