This post points out the problems that can occur when you size an image for mobile but viewers see it on larger screens such as tablets, laptops, and desktops.
Here’s how they frame the problem:
“Images that work well on small screens may not be appropriate for big ones. They may become too large in relation to surrounding page elements, force extra scrolling, or lose impact. When you’re designing for multiple page sizes, you need to consider orientation (horizontal or vertical), aspect ratio (the proportional relationship between the width and height of the image), size and relationship to surrounding elements carefully.”
So what can you do about it? Read four solutions you can apply.