What is the best/easier/correct way to compress photos for a website?

Question

Images

I started publishing articles on my small site and ran into the problem that it takes a long time to reduce photos using Photoshop and the size remains quite large. If you compress too much, then on retina screens you get poor quality. Usually a one-page article and 7-10 full-screen photos.
Tell me what to use and how hard to squeeze, so that everything is like people have.

Answer 1

Well, I personally use it https://tinypng.com/ I didn’t notice a drop in quality after it

Answer 2

Recently there was a publication https://habr.com/post/422531/
For retina, it is better to make an alternative version of the image using srcset.

Answer 3

Create an extra folders in /images/ with segmentation for each stop point resolution (for different devices) and convert all original images via ImageMagick.
To load the required - specify the desired through the srcset tag.
Polyfill for older browsers - here .
It is written here as: https://habr.com/post/261625/

Answer 4

1. Photoshop is like a cannon here
2. Optimize for free using FileOptimizer (as well as other file formats!)
3. make separate output options for different devices