How to handle scaling correclty


I’m developing an application where the user will be able to scale the size of the windows. The scale are predefined value (100, 75, 50, 20…) and so on. The maximum (100%) is the highest asset value.

What would be the best way to scale the window in order to keep the highest quality between:

  1. Have N image asset for N scaling values. So if scaling is 100% use asset1_100, and if scaling if 75% use asset1_75.

  2. Use only one asset and transform it regarding the scaling value. If scaling is 50% transform asset1 by reducing it by 50%.

What will be the best approach?