I have uploaded a logo (jpg) onto a DNN site via Admin | Site Settings | Appearance
If the logo is the "correct" size i.e. around 100 px tall then it appears blurry relative to the other content on the site when using a responsive skin for "retina" displays.
Ideally there would be two (or more) logos stored of x2 and x3 size depending on the users display type.
How can I implemented this so the logo looks sharp? I had a look for some tutorials on this but couldn't find anything that could point me in the right direction.