How to scale images for applications?

Question

How to scale images for applications?

Navigation

#1 by (0 votes)

0

I'm starting a project for an application that I want to build that will be UWP + Android + iOS compatible. In addition, I'd like it to be compatible with phones, tablets, and desktops.

And it's my first time building an application for UWP, so that's what I'm studying the API over. Looking at the documentation, I saw that Microsoft always recommends keeping the 4x4 aspect ratio in the images and that the recommended width is 320 for small screens, 720 for medium screens, and 1024 for large screens. But it does not say anything about the height ... with that ... I'm having difficulty scaling the images I should create.

1) What sizes of icons should I create to suit so many platforms? How to make? Do I create an image for the highest resolution and resize for the smaller ones?

2) For SplashScreen, I'm thinking of following the idea of Microsoft ... put a solid background color and a small loading image.

3) With what dimensions and pixel densities should I work and consider the screens? Is there any consensus on this?

android imagem ios uwp

asked by anonymous 06.03.2016 / 13:32

1 answer

Implement action for save button How to do a "while" of the number of rows in a query?

score 0 · Answer 1

I think you've confused the screen dimensions with image dimensions a bit. 320, 720 and 1024 are the minimum dimensions of the designs you should create to fit small, medium, and large devices. Should you create a design for each size? Yes, but in the same file using the responsive design technique (Responsive Design 101). How you do it? Using VisualStateManager. There is an example at this link: Hello World C # XAML . Look for more about VisualStateManager and UWP Responsive Design 101. Much material is available in English. I hope that's not a problem for you.