Откуда взять изображения под ретину?

Question

[intriga93]

в тз пишут: Изображения должны быть добавлены в 2-х версиях (обычные и под ретину (2х))

возможно, странный вопрос - откуда взять изображение под ретину?

Comments

[SagePtr]

Оттуда же, откуда и обычные, но с в два раза большим размером

[intriga93]

SagePtr, 1x - это обычный размер
2x- ретина?

Answer 1

[Владислав Лысков]

из макета

Comments

[intriga93]

Владислав Лысков , 1x - это обычный размер
2x- ретина?

Answer 2

[Александр Талалаев]

По хорошему, вы изначально работаете с учётом "ретина" дисплеев, те разрешение растровых изображений условно в два раза больше чем физический размер в пикселях, а уже при сдаче проекта либо вы, либо верстальщик в автоматическом режиме(через сборщик проекта), делает все остальные.
Таким образом, например у вас в макете есть растр размером(по макету) 200 на 300 пикселей, вы должны предоставить картинку 400 на 600.

Comments

[intriga93]

Александр Талалаев, 1x - это обычный размер
2x- ретина?

[Александр Талалаев]

intriga93, ну да. Это на самом деле условно приняли за 2. На самом деле разница может быть и больше. но 2x уже решает. Вы почитайте о проблеме. Суть в том что на экранах высокого разрешения, в одном обычном "пикселе" на "ретина" дисплеях их больше. ОС масштабирует все интерфейсы, в тч и браузере это делает. А обычные(растровые) картинки при этом масштабируются вверх, и выходит "мыло"(на модном айфончике например), и это особенно все контрастирует в сравнении с суперчеткими шрифтами интерфейсами вокруг. Отсюда популярность и любовь всех и вся к векторной графике везде где можно. С фотками мы тут никуда не денемся, поэтому сегодня при использовании фото принято делать умную "порезку" с учетом и несколько разрешений экранов. В верстке в один тег записывается весь набор изображений, которые уже по условию и показываются пользователю. Это я грубо говоря всё описал.

[Александр Талалаев]

intriga93, а, и вы только учитывайте. Что при экспорте(это вроде Фигма?) оригинал изображения у вас должен быть не меньше 2x, иначе смысл теряется.