Fala ai Lucas, tudo bem? A perda da qualidade está relacionada aos pixels dela, isso porque uma imagem de 500x500 sendo utilizada como 1000x1000 perderia muito sua qualidade e ficaria pixelada.
Sendo assim ela precisa renderizar o dobro de tamanho para qual foi criada, dessa maneira, os pixels dela são esticadas para que a mesma ocupe o espaço necessário.
Esse esticamento de pixel é o que causa as famosas pixeladas.
Isso porque imagens possui um arranjo de pontos de px fixos, quando elas são esticas, os pixels também são para os pontos que o tornam visíveis.
Então além de PPI e DPI, os pixels e tamanho das imagens também inflenciam:
Tem um artigo muito bom do Figma sobre isso:
Espero ter ajudado.