Bad picture in Explore
I am using the Neat theme and I have my Logo inserted as a large picture. It looks good in both Firefox and Chrome, but in Explore the quality is very bad, its like when you otherwise zoom in and the shapes gets this squared box look.
Is there anything I can do ?
Start by using a picture element with source sets and breakpoints to render images closer to the window size. That will reduce download size drastically and perhaps by reducing the scaling involved will also reduce the aliasing effect.
A few ideas are on this stackovewrflow post about tricking anti-aliasing effects of transforms, but I don't know if any will help with your graphic.https://stackoverflow.com/questions/6492027/css-transform-jagged-edg...
And another on css tricks:https://css-tricks.com/almanac/properties/i/image-rendering/...
You could also go back to the original in photoshop and play with the aliasing, feathering and transparency there to create a logo that browsers find more palatable. You will probably need to do that anyway to create optimum images for the srcsets in a picture element.
Fine graphics like that are pushing the limits, so it may take a lot of work to get it rendering just right.