I've been googling for about 2 weeks trying to find a solution to this problem. I have seen many post about it with dates of 2012-14 and still do not resolve. Let's see if the same thing happens to someone.
I am working with html5 banners in Google Web Designer (at my client's request). To deal with weight issues I use svg for practically everything (illustrations and texts passed to contour). I use an iMac retina screen, where in all browsers it looks luxurious.
The problem comes when the client sees it on his screen, not a retina (or on my second screen). I would like to include a screenshot to explain myself, but I work with copyrighted material by the client. It happens that the graphics are pixelated a lot, providing a very poor quality. Something I can not understand, since they are vector graphics. Once loaded the page in the browser, step from one screen to another and the difference is bestial (yes, retina is always more defined .. but the pixelated is as if he had done a very exaggerated zoom).
What I've read out there seems to be a problem in detecting the detected resolution of the device and the rendering of the svg that the browser performs.
I have managed to solve it by doubling or tripling the original dimensions of the file, but it is not very precise and it does not compensate me for an element to pass me from 2kb to 8kb (weight is crucial in the pieces).
Any ideas? Did the same thing happen to someone?
I thank you in advance for any help. Thank you very much!