For some reason, adding a css filter to in image – opacity, greyscale etc, causes the image to loose it’s sharpness on retina displays.
There’s an easy one-liner fix:
Add it to your image. Not entirely sure what it does, but a quick search says it accelerates the GPU. So somehow it gets more computer juice. Best be careful not to over use then.