Illustrator lets you create pixel-perfect art that looks sharp and crisp on screens at different stroke widths and alignment options. Choose to align an existing object to the pixel grid with a single click or align a new object right while drawing it. While transforming objects, you can preserve pixel-alignment without distorting the artwork. Pixel-alignment works for objects as well as individual path segments and anchor points that comprise them.
A. Object is not aligned with the pixel grid B. Object is pixel-aligned
You can select objects or object segments in your existing art and align them with the pixel grid. This functionality is particularly useful when you copy-paste non-pixel-aligned objects from other documents.
, select the object you want to align to the pixel grid.
) icon in the control panel.Note:
Instead of pixel-aligning an object as a whole, you can pixel-align particular segments of it. To do so, use the Direct Selection tool (
) to select horizontal or vertical segments of the object. Now, use one of the pixel alignment options just as you'd use them with an object.
- Objects that do not have any vertical or horizontal segments are not modified to align with the pixel grid.
- If the selected object is already pixel-aligned, Illustrator prompts you with the following message:
- Illustrator prompts you if the art in the selection cannot be pixel-aligned. For example, in the illustration below, the selected art has no vertical or horizontal segments.
While creating or transforming objects, you can ensure that they snap to the pixel grid for precise placement of edges and paths. This option is enabled by default for documents created with the Web and Mobile document profiles.
-
Optionally, change options for Snap To Pixel using the drop-down menu (
). Click the arrow icon and select the desired options from the Pixel Snapping Options dialog.
Pixel Snapping Options dialog box
Draw an object aligned to the pixel grid
Snap To Pixel While Moving
Snaps the object you're moving to the nearest pixel. You can choose to snap Paths, Segments, and Anchor Points while moving the object.
Keep an object pixel-aligned while moving it
Keep an object pixel-aligned while scaling it
) icon in the Control panel.Note:
You can choose to not view the pixel grid in the Pixel Preview mode even at high zoom levels. In Illustrator, deselect Preferences > Guides and Grids > Show Pixel Grid (Above 600% Zoom).
Twitter™ and Facebook posts are not covered under the terms of Creative Commons.