Php Development, ask you how to solve the Mall Image

Php Development. how can I solve the problem of mall images? This is the case... In the front-end design of a product in the mall, the image size can be divided into four types: 1. small_pic is the smallest graph, which is displayed in the next order or sidebar. list_pic: the picture displayed in the topic list and homepage list. 3. goods_show_pi php Development. how can I solve the problem of mall images?
This is the case...

In the front-end design of a product in the mall, the image size can be divided into four types:
1. small_pic is the smallest graph, which is displayed in the next order or sidebar.
2. list_pic: List of topics and pictures displayed on the home page
3. goods_show_pic: used to display the page image of the product. js can be used to enlarge the image. the enlarged image is the image of the original size.
4. original_pic, original image, specified size, used for amplification

My idea is to use the original image three times to create three images of different sizes.

I don't know if this method is feasible, or should I ask the designer to upload three images separately except the original image?

Let's talk about your ideas and practices. thank you for your consideration...

------ Solution --------------------
Discussion
Er... Is it true that everyone is doing something wrong with a graph? Don't use the program to generate?

------ Solution --------------------
Discussion

Well, everyone understands what I mean wrong...

It is not the focus of my problems to zoom in and out. these are all small things ..

The focus of my problem is: the product requires images. The image format is divided into four types, namely, the smallest thumbnail, list graph, display graph and zoom in graph.

I would like to ask, if you are using this system, is the image generated by the original image of the specified size, or the four images required for four uploads? Or, as everyone said, upload a picture and define the image size using the style sample (this method is definitely ......

------ Solution --------------------
Upload an original image. Use a program to automatically generate multiple required thumbnails. This is a practical method.

If you need to upload several photos each time. That's a big workload. We have to work hard on the art site. It is really inefficient!
------ Solution --------------------

Okay. If not.
------ Solution --------------------
I think it is easier to set the size.
------ Solution --------------------
To produce high-quality images, you must use the resize of GD2 to crop images. If CSS is used alone, it is no problem to use a small image. if a large image is used, the loading speed of the entire site will be affected, just a few images will bring your website down.