Otimizando imagens e Display de Retina

Otimizar imagens ajudam no tempo de carregamento da sua página e também influenciam em como seu site é tratado pelas ferramentas de busca e ranqueamento, quanto mais performático, padronizado e seguindo as boas práticas, melhor ele será ranqueado.

por isso recomenda-se que você sempre utilize imagens do tamanho correto, por exemplo, se no seu site você tiver uma galeria que mostra imagens em 400px por 400px, se você adicionar uma imagem muito grande visualmente ela não vai ficar destorcida, mas irá demorar para carregar.

então o correto seria ter imagens 400px por 400px? não.

Telas de retina criadas pela amazon e hoje em dia utilizadas em outras tecnologias e empresa tem o dobro de densidade de pixels, por esse motivo as imagens nas telas de retina parecem mais detalhadas, e na verdade são. então nesse caso recomenda-se que você tenha imagens o dobro do tamanho esperado.

para telas normais não irá prejudicar e para telas de retina irá aparecer com qualidade perfeita.