I used the grid tool to create a grid of squares for a texture, but I'm seeing very clear fine lines rendering at the edges between some - not all - of the rows and columns.
Unfortunately, these lines also render in Chrome (haven't checked other browsers). The lines appear in different places depending on the size that I render the vector image, just as they change when I zoom in and out from the shape in illustrator. This feels like a sub-pixel rendering problem.
Is this a "necessary evil" when using vector? Or is there a solution?
I tried things that I thought might solve sub pixel rendering problems such as:
- applying a very small CSS transform to the content.
- applying a 0.1px CSS blur filter to the content.
But that doesn't get rid of or effect the lines in any way.