0

I don't think I had this issue in CS3. In CS6, say I have a stroke of 1.25pt for a straight line, when I save it for web, the stroke will be the same as 1pt instead. I tested and going up to 1.37pt has the same effect. I feel like other strokes are averaging out to other values too, making it difficult to make lines look slightly thicker. Anyone familiar with this issue or know how to fix it?

Align to pixel grid is OFF both for new documents and for the objects. And the only reason I noticed this issue was because I edited a graphic from 5 years ago that I did in CS3 and noticed the lines looked wrong. New documents have the same issue.

It's as if Illustrator is forcing align to pixel grid when saving for web. I can even see the 1.25pt lines look normal for a split second in save for web preview and then changing to 1pt.

Edit: I've added screenshots to try to show what's going on. The first picture is what I see on the artboard. The second picture is what I see in Save for Web preview, which is how it looks after saving. Export and Save for Office seem to work fine, it's just Save for Web that's messed up.

enter image description here

enter image description here

Edit2: I'm using Windows 10 64-bit.

3
  • 1
    I'm not able to replicate what you are describing via CS6. If I set a stroke to a non-integer pixel, I get anti-aliasing as expected using Save for Web. SEE HERE (Enlarged to show anti-aliasing better)
    – Scott
    Jul 27, 2017 at 21:51
  • Even with the additional image, I can't replicate the issue. What's in app appears the same as a Save For Web PNG here. I'm not meaning to state you aren't seeing what you are seeing. Only that I can't replicate the issue with CS6 here.
    – Scott
    Jul 28, 2017 at 4:13
  • Could it be a GPU/driver issue? Corrupted preferences? I'm using Windows 10 64-bit, if it matters.
    – Maxor
    Jul 28, 2017 at 5:55

1 Answer 1

2

If you export a stroke for the web that is not a whole number then there will be anti aliasing on the stroke. You will have 1 pixel wide stroke and a lighter side of the stroke that is making the .25 but the lighter area still has to be a pixel wide.

1.25 stroke

If you want a stroke to be more than 1 pixel but less than 2, you have to have a canvas 2 pixels wide but the other side of the stroke will be lighter. You cannot have less than a pixel.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.