How to write paths to images for their correct loading?

Question

HTML

Hello people. There was such a situation. I have images (jpg, png, webp) on my project. In the html file, the path to the images is something like this: <`img src="img/Logo.jpeg" alt=""`>. How to make it so that .webp is loaded first, after .jpeg, and after .png to optimize the loading of the site?

Answer 1

Do you want to upload three versions of the same file? What for?
There is srcset and there is progressive jpeg