javascript - How to make a high-quality picture on the front end compatible with multiple terminals

Question

I have a high-quality picture. How can I make it compatible with multiple terminals, such as PC and mobile terminals? The mobile terminals include Android and Apple. How can I make it compatible

Answer 1

It is best to make several copies of different specifications and retrieve them separately for different scenarios. High-quality pictures are slower to load on the mobile terminal.

Answer 2

The pictures don’t need to be compatible. Just adjust the size and position, right?

Answer 3

max-width:100%;