Best-Practice for different image sizes (background and icons)

Is there a best-practice to handle different image size for different target resolutions, e.g. backgrounds, huge icons, etc…

Is this done via media-selectors in Ionic2 and would you scale this or better let the Design agency provide 3-4 different sized icons?

Your best bet could be breakpoint-sass. I use it to increase/decrees design element sizes so my design maintains the asthetic from iPhone 4-6 plus:

http://breakpoint-sass.com

I define my device sizes as variables and key them in whenever I need to make a size dependent style rule:

.some-icon {
@include breakpoint($Iphone6) {
//some increase or decrease
}
}

Lemme know if this works for you.

1 Like