2 Replies Latest reply on Jul 31, 2012 9:27 AM by A1_Adam

How do I avoid the "jaggies?"

pk4ut Jul 30, 2012 2:17 PM

I created vector art in Illustrator CS6. The .ai file is on a transparent background, and consists entirely of line art and outlined text.

After I open the file in Photoshop, I "save for Web" as a .png file.

Finally, I place the file in Dreamweaver and update the file on my web server.

The finish piece, when viewed in my web browser, looks awful...jagged edges, and blurry.

What is the trick to getting a nice clean "vector" look on the web? I've attached a section of the original vector art (.ai) and the way the .png file looks on the Web.

Thanks

1. Re: How do I avoid the "jaggies?"

Noel Carboni Jul 30, 2012 2:18 PM (in response to pk4ut)

Did you choose PNG-24 as the format?

Is the size it's being displayed on the web page consistent with the pixel count at which you saved it?

-Noel
Like Show 0 Likes(0)

Actions
2. Re: How do I avoid the "jaggies?"

A1_Adam Jul 31, 2012 9:27 AM (in response to pk4ut)

Why don't you just "save for web & devices" from Illustrator? In the save dialog, you can specify the pixel dimensions.

As Noel noted, the save should be consistent with how it will be displayed on the web page.
Like Show 0 Likes(0)

Actions

Go to original post

Legend

Correct Answers - 10 points