Three Image Size Concepts to Be Prepared Depending on Device Screen

Currently, I am trying to proceed with the application development using spritekit with swift language.
So, regarding the image, we have to change the size of the image we use depending on the device, and if we prepare three images, @1x, @2x and @3x, they will choose the size of the image that corresponds to the device. How do you prepare three images?
By the way, I use a drawing tool called Fire Alpaca when I make images.
When I make an image, I'm thinking of making it bigger and using it for @3x, reducing it to fit @2x and @1x.
Is there any problem?

swift spritekit

2022-09-30 11:50

1 Answers

Normally, I think there is no problem by preparing a larger image and reducing it to create @1x, @2x, @3x.

The size of each image is basically @1x, which is twice the size of @2x and three times the size of @3x.In my case, I prepared the original image about the size of 1024x1024 and reduced it to each size.

Example: Using a 40x40 size image at @1x

Reduce @1x→1024x1024 to 40x40 to generate images
Reduce @2x→1024x1024 to 80x80 to generate images
Reduce @3x→1024x1024 to 120x120 to generate images

If you're using a so-called dot picture, it might be a good idea to prepare the original picture in the size of @1x and simply enlarge it to generate @2x and @3x.

2022-09-30 11:50

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656