Hi Rob,
Thanks for the great free plugin! Would it be possible to add “type” to the plugin to create the possibility to use webp with jpg fallback? Because webp is implemented in all browsers except Safari most developers use webp and jpg fallback. And it would really be nice to be able to crop the images like here:
https://www.responsivebreakpoints.com/
Eventually I’m willing to pay for the Pro version 
Regards,
David
Example of “type”:
<picture> <source media="(min-width: 4500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-webp/aardappel-veld-5200px.webp" type="image/webp"> <source media="(min-width: 4500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-5200px.jpg"> <source media="(min-width: 3500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-webp/aardappel-veld-4000px.webp" type="image/webp"> <source media="(min-width: 3500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-4000px.jpg"> <source media="(min-width: 2500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-webp/aardappel-veld-3000px.webp" type="image/webp"> <source media="(min-width: 2500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-3000px.jpg"> <source media="(min-width: 1500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-webp/aardappel-veld-2000px.webp" type="image/webp"> <source media="(min-width: 1500px)" srcset="responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-2000px.jpg"> <source media="(min-width: 480px)" srcset="responsive-images/home-slider/aardappel-veld/wide-webp/aardappel-veld-1000px.webp 1x, responsive-images/home-slider/aardappel-veld/wide-webp/aardappel-veld-2000px.webp 2x, responsive-images/home-slider/aardappel-veld/wide-webp/aardappel-veld-3000px.webp 3x" type="image/webp"> <source media="(min-width: 480px)" srcset="responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-1000px.jpg 1x, responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-2000px.jpg 2x, responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-3000px.jpg 3x"> <source media="(min-width: 0px) and (orientation: portrait)" srcset="responsive-images/home-slider/aardappel-veld/phone-webp/aardappelen-veld-portrait-500px-%401x.webp 1x, responsive-images/home-slider/aardappel-veld/phone-webp/aardappelen-veld-portrait-750px-%401.5x.webp 1.5x, responsive-images/home-slider/aardappel-veld/phone-webp/aardappelen-veld-portrait-1000px-%402x.webp 2x, responsive-images/home-slider/aardappel-veld/phone-webp/aardappelen-veld-portrait-1500px-%403x.webp 3x" type="image/webp"> <source media="(min-width: 0px) and (orientation: portrait)" srcset="responsive-images/home-slider/aardappel-veld/phone-jpg/aardappelen-veld-portrait-500px-%401x.jpg 1x, responsive-images/home-slider/aardappel-veld/phone-jpg/aardappelen-veld-portrait-750px-%401.5x.jpg 1.5x, responsive-images/home-slider/aardappel-veld/phone-jpg/aardappelen-veld-portrait-1000px-%402x.jpg 2x, responsive-images/home-slider/aardappel-veld/phone-jpg/aardappelen-veld-portrait-1500px-%403x.jpg 3x"> <img src="responsive-images/home-slider/aardappel-veld/wide-jpg/aardappel-veld-1000px.jpg" alt="foto aardappelen" class="d-block img-fluid"> </picture>