Picture Element snippet for Visual Studio Code

This inserts an HTML5 <picture> element snippet into your HTML using the keyword picture.

Usage

When editing an HTML file, type: picture to activate the snippet:

<picture>
  <source srcset='large.webp' media='(min-width: 992px)' type='image/webp'>
  <source srcset='large.jpg' media='(min-width: 992px)' type='image/jpeg'>
  <img src=small.jpg' alt=''>
</picture>

Supported Languages: html