Ideally looking for a plugin solution for this, and just wondered if anyone else had come across the same problem at all?
]]>
@media screen and ( max-width: 600px )
{
}
@media screen and ( max-width: 480px )
{
}You can using display:none , display:block for the images in appropriate screen sizes
]]><img/> tags (or css background) if you know a bit of HTML/CSS. It’s a bit tricky I suppose since TinyMCE (default wordpress editor) doesn’t allow you to insert <style> tag inside editor.
Where do you need it? In an specific post or not?
]]>Plus if it was possible, if you have multiple <img /> tags, they all get fetched no matter what display attribute you have in CSS.
Appearace >> Customizer >> Additional css.
Moreover you need to use the different image class in the image tag or uniqe id. So you can show and hide those images with reference the class.Yes right you need to take little bit css/HTML effort
]]>Actually what is the requirement what cause you have searching ? image clarity problem ?
]]>