Mágica feita em CSS com media queries. É uma solução rapida apenas.
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
background: transparent url(caminho_onde_esta_a_imagem_em_alta_resolucao/2x.png);
}
Então, lançado o novo iPad com tela HD e resolução absurda vem a questão:
E meus sites feitos para essa tablet do demônio? 
Não se preocupe 
assim como quando mudou pra Retina Display do iPhone 3 para o 4/4s, no novo iPad nós temos Virtual Pixels, ou seja, para web, você só vai ter que melhorar a qualidade das suas imagens 
mais você já deve ter feito isso quando lançou o iPhone 4 né? então sem preocupações.
Para saber mais sobre Virtual Pixel, veja o post que escrevi aqui.
Uma coisa que vejo muita gente se perdendo na hora de fazer sites Receptivos é quando a largura dos itens. Uma formula facil e rápida é a seguinte:
Se o objeto tem padding ou margin utiliza-se width: auto;width: 100%;.
Por que disso?
Se você utilizar width 100% e somar com padding ou/e margin dará bem mais que 100%, e se você usar auto, e somar com padding e/ou margin dará 100% exatos 
o navegador se encarrega de calcular para você.
Dica rápida de leitura do blog do grande e genial Michael Wright
Development environments & source control
Beanstalk & database versioning
Genial!