Система растяжения изображений в интернет-платформах работает на основе адаптивной вёрстки. 1 Её суть в том, что отображение веб-страницы изменяется в соответствии с размерами экрана, то есть подстраивается под него. 1

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

Также для масштабирования изображений можно использовать правило img {max-width: 100%}$. 2 Оно диктует браузерам, что изображение занимает 100% ширины родительского элемента. 2

Ещё один метод —  адаптивные изображения по запросу. 2 Он основан на определении ширины экрана до того, как будет загружено изображение. 2 Если экран маленький, то запрос отправляется на небольшие картинки. 2 Если экран достаточно велик, запрос переадресовывается в директорию, содержащую большие картинки, которые и будут загружены вместо предыдущих. 2