I am tearing my hair out on this one, albeit I am fairly new to Illustrator I have researched the best way to export art of particular dimensions for the web, and this appears to be the best way. It's worked fantastic in the past, but I am now embarking on resizing this image at a range of different dimensions, and I've noticed the rounded corners are vastly different in size and roundness between all four corners (as per screenshot).
I have been exporting this picture in W+H >100px and it has been keeping symmetry, yet when I resize anywhere from around 65-79 pixels the rounded corners differentiate, how can this be?
It is using the standard Illustrator rounded edges effect of 32 pixels.
Please any Illustrator pro I'm hoping you can shed some light on this matter!
I actually had 'clip to artboard' unticked for the last few tests, and that still didn't help, I've since resized the artboard to the exact 250px the rounded box was created as, and still no luck. So it won't be my box is extending past the artboard, I zoom in and it fits perfectly to the pixel inside.
UPDATE: An export of 57x57 and 100x100 are perfectly symmetrical on all corners! It's the 70's range which skews. Incredibly odd!