С SVG ничего делать не нужно.
А вот с обычными картинками нужно.
1. Представьте себе квадрат 100х100 пикселей
2. В обычной ситуации вы вставите в него картинку 100х100 пикселей и все прекрасно
3. Но! На ретина экранах эта картинка будет выглядеть ужасно размыто и пикселизовано.
4. Чтобы этого избежать - вам нужно вставить в этот квадрат картинку 200х200 пикселей, но ширину и высоту задать по прежнему 100 пикселей (или если это фон, сделать
background-size: cover;
)
5. Примерно так в кратце это выглядит.
А дальше читайте хабр:
https://habr.com/ru/post/150071/
https://habr.com/ru/post/139682/
https://habr.com/ru/post/155683/