Solucionado
No caso eu terei dois tipos de tela...uma com retina e outra sem rotina,certo? Para a tela de retina eu tenho que dobrar a resolução,tipo de 50x50 para 100x100,mas não irá ficar uma imagem muito grande para o site?...se eu achar uma imagem que por si só ja é muito grande,como eu ajusto ela para usar com qualidade nas telas retina/sem retina?
Oi Victor, tudo bem?
Resumidamente com o atributo srcset e o elemento picture você consegue evitar isso. A ideia é ter diversos tamanhos da imagem, e de acordo com o tamanho da tela carregar a imagem que esteja de acordo.
https://developer.mozilla.org/pt-BR/docs/Aprender/HTML/Multimedia_and_embedding/Responsive_images
Espero ter ajudado e bons estudos,
Abcs!