Качество фотографии при адаптиве сайта

Подскажите пожалуйста. Вставляется изображение на сайт, например ширина блока 700px, если вырезать изображение пиксель в пиксель, оно имеет хорошее качество, если сайт начинает сужаться, т.е. адаптируется под устройства, изображение моментально начинает терять качество. Подскажите пожалуйста, в какую сторону и куда копать, тут дело в правильности сохранения изображения или какие-то методы при верстке нужно использовать? Конечно можно поставить изображение в 2-3 раза больше, качество сохранится, но вес будет грузить долго.