Как подготовить картинки и иконки для адаптива?

По поводу размеров @2x и @3x
Скачав фото со стока в большом разрешении, необходимо первым делом подобрать размер для @1x , а потом пропорционально для @2x ?
В фотошопе это делать изменением размера для изображения?

Если вы делаете макет в 1х, то соответственно и базовый размер изображения будет в 1x (заключенный в смарт объект, где лежит исходная картинка в максимальном разрешении).

Прописываете слою название: filename.png, 200% filename.png и у вас сгенерируется картинка в базовом и двойном разрешении.

Но есть практика создания макетов изначально в 2x размере.

Прописываете слою название: filename.png, 50% filename.png и у вас сгенерируется картинка в базовом (двойном) и уменьшенном вдвое разрешении.

Предварительно включите: Файл - Генерировать (File - Generate - Image Assets)
Файлы будут сохраняться в папке, где лежит ваш PSD файл.

Можно сохранять jpg, png, svg (если это векторный смарт объект, или вектор непосредственно в фотошопе)

Спасибо за такой развёрнутый ответ.
Руслан, если вас не затруднит, можете скинуть наглядное видео как работать со смарт объектами? Или снимите короткое видео сами?

Oleg Urievich, снять видео?))

Там нет ничего сложного - тыкаете ПКМ по слою и в контекстом меню выбираете "Преобразовать в смарт объект", либо при импорте изображения в появившемся диалоговом окне выбираете смарт объект. Чтобы редактировать, тыкаете ПКМ по слою и выбираете "Редактировать содержимое"