Подтвердить что ты не робот

Какими должны быть размеры изображений при @1x, @2x и @3x в Xcode?

Например, у меня есть образ 100*100 imageview или кнопка, и я хочу установить его образ или backgroundImage с локальным .png файлом. Основываясь на моем понимании, мне нужно создать 3 набора изображений, т.е. 100*100 для @1x, 200*200 для @2x, 300*300 для @3x. Я не уверен, что мое понимание верное или нет, может ли кто-нибудь помочь?

4b9b3361

Ответ 1

По моему мнению, если размер изображения 100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

введите описание изображения здесь

Есть что-то понять. Создавая изображения 2x и 3x, вы не можете ожидать такой же макет с каждого экрана iPhone. Макет будет отличаться от экрана к экрану. 1x, 2x и 3x, которые имеют только плотность пикселей экрана.

Предположим, что у вас есть изображение 320 * 70, и вы создаете

@1x -> 320 * 70

@2x -> 640 * 140

@3x -> 960 * 210

Это будет ваш выход на разных экранах. введите описание изображения здесь

Ответ 2

Для @3x увеличение изображения @1x в 3 раза!

например.

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

ИЛИ

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

ИЛИ

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

Я надеюсь, что это будет полезно для вас!

Ответ 3

Да, ваше понимание верное.

Стандартное разрешение изображения имеет масштабный коэффициент 1,0 и называется изображением @1x. Изображения с высоким разрешением имеют масштабный коэффициент 2,0 или 3,0 и называются изображениями @2x и @3x. Предположим, что у вас стандартное разрешение @1x, например 100px × 100px. Версия @2x этого изображения будет 200px × 200px. Версия @3x будет 300px × 300px.

введите описание изображения здесь

Для получения дополнительной информации вы можете проверить эту ссылку https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

Ответ 4

Да, вы правы. Но если вы используете Assets, вы можете сделать все это на одном изображении с тремя слотами для него

Ответ 5

Используйте каталог активов. Xcode будет управлять @1x, @2x, @3x easilly и сообщать вам размеры изображений.

С его помощью легко управлять изображениями AppIcon и LaunchScreen.