Automatic responsive website

Responsive Web Design: 6 Tips to Improve Performance and UX

A recommended approach is to use “resolution switching ,” with which it is possible to instruct the browser to select and use an appropriate size image file depending on the screen size of a device. Switching the image according to the resolution is accomplished by using two attributes: srcset and sizes.

Your First Multi-Device Site