Skip to main content
kavindas88641397
Known Participant
May 13, 2017
Question

Jagged Lines - Line Segment Tool

  • May 13, 2017
  • 3 replies
  • 1035 views

Hey guys! So I drew a shape with the line segment tool and when i save the image as a png, the lines get really jagged like this.

I know the reason but what is the SOLUTION to this? Anti-aliased Artwork is switched on..

This topic has been closed for replies.

3 replies

JETalmage
Inspiring
May 13, 2017

I'm making a mobile app icon...

What size image (in pixel count, horizontal and vertical) are you trying to export?

For best results, you don't just export a "300 PPI" image like most people do for print, and expect it to look pristine in all apps.

You need to research required resolutions (again, in pixels count, not PPI) for the platform, OS, or application you are creating icons for. Usually, you need to provide multiple images at different pixel counts.

JET

Ton Frederiks
Community Expert
Community Expert
May 13, 2017

Did you check your file at 100% with View > Pixel Preview?

That's how it will export (use 72 ppi).

kavindas88641397
Known Participant
May 13, 2017

how can i use this mode to correct my image?

Ton Frederiks
Community Expert
Community Expert
May 13, 2017

The mode itself does not correct your image, it shows how the exported result will look.

Does it change what you expect? How does it differ from what you have done so far?

Inspiring
May 13, 2017

Check your Document > Raster Resolution Setting.  Set it for High ( 300ppi ) if it isn't already.  Are you viewing that segment at 100%?  That .png is a raster file converted.  I believe the resolution will match whatever your Raster Res is set at.  Since it is a raster fie ( the .png ), it will be pixelated.  And also remember, you are looking at your files on a pixelated monitor.  The same image / file printed probably will not show the pixelation.

kavindas88641397
Known Participant
May 13, 2017

Hi jdanek,

When I save it at 75ppi because otherwise the dimensions change when I save it but, even at 300ppi, the jagged edges are still there.

The problem is that I don't need this for a print out. I'm making a mobile app icon and it looks terrible with the jagged lines. I'm wondering if it is because I used the line segment tool.

Inspiring
May 13, 2017

Try Export > PNG instead of Save As > PNG.  Or, open the Illustrator File in Photoshop and set the resolution to High there.  See if there is any difference.  Using the Line Segment tool should not matter.