Img

<img src="https://upload.wikimedia.org/wikipedia/commons/5/54/De_Alice%27s_Abenteuer_im_Wunderland_Carroll_pic_23_edited_1_of_2.png" alt="The Cheshire Cat" />
<img src="{{ src }}" alt="{{ alt }}" 
  {{#if srcset}}srcset="{{ srcset }}"{{/if}}
  {{#if sizes}}sizes="{{ sizes }}"{{/if}} />
{
  "src": "https://upload.wikimedia.org/wikipedia/commons/5/54/De_Alice%27s_Abenteuer_im_Wunderland_Carroll_pic_23_edited_1_of_2.png",
  "alt": "The Cheshire Cat"
}
  • Content:
    img {
      max-width: 100%;
    }
  • URL: /components/raw/img/_sass.scss
  • Filesystem Path: components/01-elements/02-media/03-img/_sass.scss
  • Size: 27 Bytes

Images must have a src but ideally would also have srcset and sizes attributes to define a set of image sources for the browser to choose from.

See srcset and sizes here MDN Img Element