Participant

Answered

Make Pixel Perfect

Forum|Forum|8 years ago
January 11, 2018
3 replies
10816 views

Hi to all.

My question is why need every element to set one by one to be pixel perfect?

I mean in previous versions of Illustrator when you started a new WEB document all the elements was automatically snapped to grid.

You had the possibility to set if you want to snap to pixels or snap to grid.

In Illustrator CC you vainly opt for this settings (Snap to pixel or snap to grid or booth) sometimes some elements become not perfectly snapped to pixels. In this case if you hit right click-->make pixel perfect the elements become perfectly aligned to pixels. Why this issue?

There is a way to set the WEB document to work the pixel perfect alignment like in CS6 version?!?!

Thank you for your reply's!

This topic has been closed for replies.

Correct answer Monika Gause

You really don't want it to work like the old version, because then these weird things would happen to sooner or later:

http://www.vektorgarten.de/problems-align-to-pixel-grid.html

sinrise

Known Participant

Pixel-perfect is useful for making highly optimized SVG images. I use a 32x32 grid so that the result of my SVGs are all whole numbers. I use SVG paths as background images in base64 format for icons. It makes the code footprint smaller and it should also prevent SVG graphics from doing wonky things if the SVG coords fall between pixels, depending on the browser.

The problem with Illustrator is that is SUCKS for making things pixel perfect. It works sometimes but very often the result code is full of non-integers. It's super annoying because AI already had long-term problems being precise. This whole "make pixel perfect" thing is buggy and pointless. I just manually check every anchor to make sure it's pixel perfect, and even then it rarely works. I can manually edit the SVG code and round up/down all the decimals, then reopen in AI and it's fine. I guess because it's Adobe you just have to learn to work around the bugs they never seem to fix.

Monika Gause

Community Expert

sinrise schrieb
Pixel-perfect is useful for making highly optimized SVG images. I use a 32x32 grid so that the result of my SVGs are all whole numbers. I use SVG paths as background images in base64 format for icons. It makes the code footprint smaller and it should also prevent SVG graphics from doing wonky things if the SVG coords fall between pixels, depending on the browser.
The problem with Illustrator is that is SUCKS for making things pixel perfect. It works sometimes but very often the result code is full of non-integers. It's super annoying because AI already had long-term problems being precise. This whole "make pixel perfect" thing is buggy and pointless. I just manually check every anchor to make sure it's pixel perfect, and even then it rarely works. I can manually edit the SVG code and round up/down all the decimals, then reopen in AI and it's fine. I guess because it's Adobe you just have to learn to work around the bugs they never seem to fix.

Pixel perfect is not about whole numbers.

It's about looking good.

sinrise

Known Participant

Of course, it is, at least in the context of AI and coordinates.

For AI, 'pixel-perfect' means 'aligned to the whole number coordinates of the pixel grid to prevent anti-aliasing'.

https://helpx.adobe.com/illustrator/how-to/pixel-perfect.html

If you're talking the more general idea about your artwork being "pixel-perfect" that means it matches the design pixel-for-pixel.

Monika Gause

Correct answer

Community Expert

You really don't want it to work like the old version, because then these weird things would happen to sooner or later:

http://www.vektorgarten.de/problems-align-to-pixel-grid.html

N

norbertk39449994Author

Participant

Yes me too happened like this.

You can prevent this error if you work with elements which can multiple or to divide in exact numbers.

(Like 12x12 24x24 48x48)

Other hand if you are an icon designer you have big chance to draw lines and other elements with positioning anchor points in exact position on pixel grid.

For example i`m always checking the anchor points if they are positioned on the pixel grid or no.

Monika Gause

Community Expert

norbertk39449994 schrieb
Yes me too happened like this.
You can prevent this error if you work with elements which can multiple or to divide in exact numbers.
(Like 12x12 24x24 48x48)

There are a couple of errors and you can't prevent all of them them by working in exact numbers.

Ton Frederiks

Community Expert

When you create a new Web document, View > Snap to Pixel is on by default.

N

norbertk39449994Author

Participant

Yes i know this is by default checked but somehow some times it happened to me to have elements positioned wrong between pixels.

Maybe one possibly reason why this happening you have the artboard not exactly positioned on exact pixels.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded