Qual tipo de imagem devo usar para a web (sites, blog, anuncios, etc.)?

Para colocar uma imagem na web é preciso otimizar e modificar seu tamanho e qualidade.
Se a imagem for pesada, ela vai demorar para carregar na página e geralmente as pessoas não esperam e acabam indo para outro site. Uma foto tirada em uma câmera digital tem uma resolução de 300 dpi, tamanho de 3000 a 5000 e modo de cor RGB 24bits. A mesma imagem se for colocada para web deve ter o tamanho de 72 a 96 dpi, resolução de 400 a 1500 no máximo.