Problem with Arrangement background image resolution

Problem with Arrangement background image resolution when changing mobile devices...

I used Sizing = Responsive, Fill Parent
and % for Height e width…

On the 10.1" tablet on which I tested the app, both with the companion and by installing the app, everything is fine...

How can I solve the problem?

What is the problem?

What other mobile devices?

Text appears either larger or smaller.
Background images appear at lower resolution...

like this on a 10.1" tablet

this instead on a Mi 10 Lite 5G mobile phone - 6.57" Smartphone:

Is this layout built in AppInventor, or is this a webview ?

If I’m not wrong the central part is an image generated for the 10” tablet resolution ( image is sharp ) and resized for the phone different resolution ( image not sharp and stretched ).

If you can’t regenerate the image for the phone native resolution, try a different resizing algorithm

This resized on gimp with cubic interpolation:

compared with your phone image:

all in appinventor

So the problem is the background image I used for the layout?
"If you can't regenerate the image for the phone's native resolution, try a different resizing algorithm"...

please explain...

I could also ask: please explain ; - )

If you want to resize an image and use it as background, do this operation in a proper photo editing software ( the scalepicturetofit or similar option in app inventor does not guarantee the best result ).

Image resizing is a compromise so check different options of the software you choose ( for example the cubic interpolation in gimp )