Skip navigation
pk4ut
pk4ut Calculating status...
Currently Being Moderated

How do I avoid the dreaded "jaggies" when saving for the Web?

Jul 22, 2012 7:37 PM

Tags: #illustrator #dreamweaver #png #vector #jaggies

I created vector art in Illustrator, then saved the file as an .ai file.

 

Afterward, I chose "Save for Web," and exported the file as a .png file.

 

I placed the .png file at 100 percent into a Dreamweaver file.

 

The result is a file with jagged edges. How do I save the file to preserve the smooth vector look of the original file?

 

Thanks

505 Views   4 Replies   Latest reply: emil emil, Jul 23, 2012 3:17 PM
 
Replies
  • Wade_Zimmerman
    Currently Being Moderated
    1. Wade_Zimmerman,
    Jul 22, 2012 9:23 PM   in reply to pk4ut
    Report

    In the save or the web dialog you will notice in the image size area it gives you an opttimzing Options I believe the default is none change it to either Art Optimize or Type Optimize depending on what you are saving.

     
    |
    Mark as:
  • pk4ut
    Currently Being Moderated
    2. pk4ut,
    Jul 23, 2012 10:42 AM   in reply to Wade_Zimmerman
    Report

    Thanks, I followed your lead and changed the optimation to "Type," but I am still getting the jaggies:

     

    Screen Shot 2012-07-23 at 12.40.46 PM.png  Screen Shot 2012-07-23 at 12.40.53 PM.png

     
    |
    Mark as:
  • Jacob Bugge
    Currently Being Moderated
    3. Jacob Bugge,
    Jul 23, 2012 10:55 AM   in reply to pk4ut
    Report

    pk4ut,

     

    What happens if you use Art Optimize?

     

    In older versions you just ticked the Anti-Alias button hidden away in the Image Size window. I believe that has been split into art and type, and it for your case, art would seem more relevant.

     
    |
    Mark as:
  • emil emil
    Currently Being Moderated
    4. emil emil,
    Jul 23, 2012 3:17 PM   in reply to pk4ut
    Report

    pk4ut wrote:

     

    ...

    Afterward, I chose "Save for Web," and exported the file as a .png file.

     

    I placed the .png file at 100 percent into a Dreamweaver file.

     

    The result is a file with jagged edges. ...

    Was the preview in Save for Web jagged too? Are you checking the result in Dreamweaver by opening the created web page in a browser?

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points