Dan Hinmon, MCSMN Director

Posts: 2878
Joined: Apr 13, 2011

Small Pictures on Big Screens: Scaling Up from Mobile to Desktop

Posted by @DanHinmon, Jul 24, 2017

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.


Please login or register to post a reply.

© Mayo Clinic Social Media Network. All Rights Reserved.