Neste passo a passo vamos te ensinar o formato correto para salvar as imagens do seu site.
Usando Photoshop
Primeiro, certifique-se de que a proporção da imagem está correta. Consulte o manual de imagem do seu site.
No Photoshop, clique em IMAGEM> TAMANHO DA IMAGEM>

Em seguida, digite em Largura e Altura as medidas corretas da sua imagem.
Consulte o manual de imagem do seu site e ajuste as proporções.

Depois de ajustar a proporção, mude a RESOLUÇÃO para 150.
Clique em OK

Para finalmente salvar sua imagem, vá no menu superior e clique em:
ARQUIVO> EXPORTAR> SALVAR PARA WEB (nas versões mais recentes, a opção aparece como “Salvar para Web (Legado)”)

Em PREDEFINIÇÃO, altere para JPEG Alto
Clique em Salvar. Renomeie sua imagem e pronto!

Não esqueça de renomear suas fotos pensando no SEO.
Evite colocar códigos e separe as palavras com – (traços)
Ex: roupa-de-cama-bege-400-fios-algodão
Qual a importância disso?
Imagens em formatos incorretos aumentam consideravelmente o tempo de carregamento da página, o que prejudica suas páginas na busca do Google.
Elas também atrapalham a navegação e a experiência do cliente no seu site. Veja também quais as fotos que mais vendem em um e-commerce.
O que é considerado uma imagem grande?
+ de 100KB é considerado uma imagem grande para a web. Entre 50KB e 80KB é o ideal.