Для сжатия PNG и JPG используем либо Photoshop, либо сервис https://tinypng.com/
Сжатие PNG
Сжатие Png с помощью Adobe Photoshop
Если пользоваться Фотошопом, то открываем Png, делаем Save for Web, выставляем режим png-8, проверяем, чтобы на сайте не появлялось белых полупрозрачных частей при размещении обновлённой png.
Сжатие Png с помощью tinypng.com
Тут просто закидываем файлы пачкой в область на экране и получаем готовый zip-архив. Всё. :)
Сжатие JPG
GUETZLI
http://www.guetzli.it/ - До 500 пикселей, эффект раза в 3 лучше всего остального.
Сжатие Jpg с помощью Adobe Photoshop
Если пользоваться Фотошопом, то открываем JPG, уменьшаем ширину изображения (сохраняя пропорции) до 800-1200 пикселей, качество ставим от 3 до 7, чтобы получилось такая величина изображения, которую рекомендует Google Page Insights. Однако, чтобы не париться, проще использоваться tinypng.com
Сжатие Jpg с помощью tinypng.com
Тут просто закидываем файлы пачкой в область на экране и получаем готовый zip-архив. Всё. :)
https://i.onthe.io/test
https://i.onthe.io/test - подходит для быстрого поштучного сжатия изображений.
WEBP
https://webp-converter.com/ - по одному файлу, но стабильно хорошее качество.