Как лучше добавлять картинки на сайт?

Question

[Роман]

Здравствуйте!

Хотелось бы узнать, как на сайтах правильно добавлять картинки. Обычно на сайтах (без мобильной версии и не на поддомене m.) картинки отображаются нормально как на компьютере (у меня 21:9, 2560x1080), так и на планшете/телефоне/ноутбуке (тобишь не приходится разглядывать). Как сделать так?

Я раньше все делал в процентах, но всюду это растягивалось и отображалось не правильно. Тогда я перешел на пиксели, но тут уже на моем мониторе все стало миниатюрно. Как с этим борются?

Answer 1

[Егор Живагин]

Стоп. Про media-запросы в css вы ведь знаете?

Answer 2

[Максим Тимофеев]

Я раньше все делал в процентах, но всюду это растягивалось и отображалось не правильно

))) а если так:

img {
width:100%;
height:auto;
}