Dev Tools Snippet to auto-calculate responsive image sizes value on window resize

respsizes.js

/**
 * 
 * Paste image class / identifier in IIFE parenthesis at end of function
 * 
 * */

(function(i){"use strict";var img=document.querySelector(i),sizes=[];window.addEventListener("resize",()=>{var vw=Math.round(((img.offsetWidth*100)/window.innerWidth))+"vw",mq="(min-width: "+window.innerWidth+"px)",value=vw;vw!=="0vw"&&sizes.indexOf(vw)===-1&&(sizes.push(value),console.log(mq,vw))})})("PASTE CLASS OR IDENTIFIER HERE");