I am doing a mobile demo for the Ipad that we are demoing in Safari. I am using icons to get away from having to scale my images 3x. Problem is that any icons that I am using that are smaller than 20px are blurry on screen until you zoom in. Anyone else experience this problem and know what the fix is? FYI I saved these images out in Illustrator
Not sure what you’ve all tried. But have you played with shape-rendering: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering.
Source : Link , Question Author : John Dangerous , Answer Author : Community