Как лучше сохранять фотографии в photoshop для веба?

После экспорта изображения из Photoshop, перед использованием приложений на сайте, желательно прогонять картинки через сервисы, которые проводят компрессию (сжатие без видимых потерь) типа https://tinyjpg.com/

• Если это фотография (то есть на картинке много разноцветных пикселей) — то JPG со степенью сжатия >85%.
  
• Если это простая графика, то SVG.
  
• Если это растровые иконки, элементы сайта, и градиенты, подложки — то PNG.
  

Если вы хотите пожать картинку, то помогут squoosh.app и ImageOptim.

В PNG или JPG, чтобы размер был не сильно диким. Лучше JPG, но там качество чуть хуже.
И разрешение адекватное выставляйте.

Лично я обычно использую jpg и png, но png только там где нужна прозрачность, потому что он весит существенно больше. jpg не поддерживает прозрачность.