How to reduce the dimensions of images on mobile

Question

How to reduce the dimensions of images on mobile for whole website to improve loading time.

Like some slider images loading on desktop with 1200 width i want to load same images with max width of the screen size.

Answer 1

Uzair Malim use pixels (px) or percentage (%) or vh/vw units with css (max-width or min-width)

I did it in my very old code. CSS tab, ln 185

https://code.sololearn.com/Wkz8frsx1DVd/?ref=app

Answer 2

Do you whant to reduce the size or weight of your image ?
If you reduce size for a responsive design, you will not improve loading time as the weight will remain the same...

Answer 3

I want to reduce the weight of the images Jess

Answer 4

Do u feel that sometimes , questions can be misunderstood since they've been asked in " the wrong way" such that when you read it , you can be led to the wrong answer?
Or is it just me ?