@Novamoscow

Как правильно вставить фоновую картинку?

QWzZ3gOy3GZRtp

На этом макете есть картики с инструментами (на фоне)

В коде у меня фон задан просто цветом и нужно сейчас добавить еще и эти картинки.
Но нужно, при уменьшении окна браузера, чтобы картинки не двигались, а обрезались.

Чтобы не добавлять огромную картинку, я их хочу вставить отдельно, через позишен абсолют (так же правильно?)

И второй момент, картинки нужны с прозражностью, и поэтому они получаются слишком большие, как можно размер уменьшить и оставить хорошее качество
  • Вопрос задан
  • 205 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Чтобы не добавлять огромную картинку, я их хочу вставить отдельно, через позишен абсолют (так же правильно?)

Нет, зачем?
Есть background-position и background-size ими и пользуйтесь.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
nkorobkov
@nkorobkov
Правильнее будет вставить большую картинку и сжать её на https://www.jpeg.io/.
Ответ написан
xtala
@xtala
Постигает Дзен
Картинки в div пропиши бэкграундом. Класс назначь дивам, и в класс -- position: fixed не забыв указать бэкграунд позишен.
При адаптиве назначь мультикласс и делай ужо что хочешь.
Можешь свойства убрать и добавить, картинки скрыть и раскрыть, и даже крутить их вертеть, растянуть в зависимости от разрешенья экрана.
Гугли медиаквери, почувстуй силу сего заклинанья.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы