Why is this important:
If you check the site in the PageSpeed Insights resource, this item there is called “Use modern image formats.”
Having made a new format for pictures, items such as
- "Set up efficient image encoding"
- “Set your images to the appropriate size.”
These points are easier and cheaper to correct than changing formats, so it’s better to do compression and resizing first, and if after all this you still have a point about modern formats, then do it!
What is included in the service:
Modern formats are not yet supported by all browsers (you can check it here), so for now you can’t just take it and redo it. It is necessary to introduce technology that will first determine “Does this browser support new formats?”, then it will determine “Is there the same image on the server, but in a new format?” if yes, then display it, and if not, then display it normally.
Thus, you should have both old and new pictures on your server.
This is all handmade, and not done comprehensively with all the pictures.
I will convert the old pictures into a new format, leaving the same file names and put them next to the originals.
Then I will implement a verification script that, depending on the browser, will display the corresponding images.
