Why is my background image quality lower in the ios simulator than in Sketch or Invision?

Expo Development Tools
1

Hello!

In the home screen of my app I sourced an image.png into an element to serve as a background image. However, the image quality on the ios simulator is pretty poor compared to Sketch and Invision.

Any explanations or solutions?

Dimensions: 375 x 812 px
Size: 274kb

backgroundContainer: {
position: ‘absolute’,
top: 0,
bottom: 0,
left: 0,
right: 0,
},

Thanks guys!

2

Hey @roachj9,

It could be related to the size of the screen display on the simulator device. I would also take a look at your resizeMode property.

Cheers,
Adam

3

Thank you!
I switched resizeMode to ‘contain’ with flex:1.
I also, tripled the resolution size. XD.

I love your guys’ work! Keep it up

4

Glad to have helped out! Best of luck moving forward with development. :clap: