Как изменить размер фото из фигмы чтобы оно подходило под экран?

Question

[Valeryyyyy]

Делаю свой первый сайт из своей модели в фигме. Сделала фрейм на 1440пх, фото обрезано уже под такой размер сайта. Верстаю сайт, а фото оказывается не того размера и появляется возможность прокрутить экран. Теперь переделывать макет сайта..?( Если да, то под какие размеры?

Answer 1

[Noder SS]

У вас контейнер? Если да - изображениям в нем пропишите width: 100%, с уменьшением контейнера они тоже будут меняться. Изображению можно любой размер сделать, от фиксированного, до обрезки прямо на сайте под точное количество пикселей (object-fit). Если интересно, можете посмотреть эти видео: https://youtu.be/RQqzOTUa9Ig
https://youtu.be/nTtuiBXKp88
https://youtu.be/XbnAKjjlgc4

Answer 2

[FeST1VaL]

стили вам помогут) рано сдались) вы же можете любой размер задать изображению через ксс)

Comments

[Valeryyyyy]

Но если человек приблизит сайт, то картинка поедет. Хочется чтобы пропорции сохранялись. Нормально ли, что картинка, которая подходит по длине на десктоп (1440пх) в фигме, будет великовата для сайта? И так же нормлаьно ли, что картинка с длиной на фул шд ну уж очень большая?

[FeST1VaL]

Valeryyyyy, как вам и написал noder_ss, делаете резиновую/адаптивную верстку и все) Короче говоря чуть больше вам надо погуглить или же по проходить тестики на спец сайтах по HTML + CSS