Skip to main content
K
Kalow
Known Participant
October 15, 2018
Answered

Reduce file size of PNGs from Illustrator

  • October 15, 2018
  • 4 replies
  • 30269 views

I'm supplying a bunch of PNG images to a web developer. They told me the files are too large because, "When we run them through an on-line compressor, they reduce in size by 50% or more."

I am using Save For Web (Legacy) from Illustrator CC

My settings are:

PNG-24

Transparency ON

Interlaced OFF

W: 1000

H: 1000

There don't seem to be any other settings I could adjust to reduce the size of the output.  The web guys are no help beyond, "make them smaller".

I can shrink the output files by using a third-party app or website, but would prefer do it through Illustrator if possible.

Am I missing anything?

    This topic has been closed for replies.
    Correct answer Ton Frederiks

    Resaving the Illustrator export in Photoshop as PNG with the Smallest Filesize option will reduce it a lot without losing quality (it's lossless).

    I went from Illustrator export 430 KB to 248 KB with Photoshop resave, but the online site made it smaller; 139 KB by losing information.

    4 replies

    Ton Frederiks
    Community Expert
    Ton FrederiksCommunity ExpertCorrect answer
    Community Expert
    October 15, 2018

    Resaving the Illustrator export in Photoshop as PNG with the Smallest Filesize option will reduce it a lot without losing quality (it's lossless).

    I went from Illustrator export 430 KB to 248 KB with Photoshop resave, but the online site made it smaller; 139 KB by losing information.

      L
      lindsayelena
      Participant
      May 24, 2020

      What online site? I tried this method and it unfortunatley only went from 686 KB to 682 KB. 

        Ton Frederiks
        Community Expert
        Ton FrederiksCommunity Expert
        Community Expert
        May 24, 2020

        tinypng was mentioned, but it will delete some information from the image, so it reduces the quality.

          K
          KalowAuthor
          Known Participant
          October 15, 2018

          Thanks for the suggestions.

          I tried Export and Export for Screens and got the same file size as with Save for Web.

          Did more reading about the "tinypng" web tool... apparently it uses some compression not used by Illustrator or Photoshop. Seems to work well, I'll try that.

            Muqqarib Hassan
            Muqqarib Hassan
            Inspiring
            October 15, 2018

            Hi, I apology my mistake.

            Go to Export and select Export for web.

            then you got this window.

            There you can see the option to adjust the size of your png file.

            Thanks.

              Muqqarib Hassan
              Muqqarib Hassan
              Inspiring
              October 15, 2018

              Hi, Try to use this method for png file reducing.

              Thanks.

                Monika Gause
                Community Expert
                Monika GauseCommunity Expert
                Community Expert
                October 15, 2018

                Try Export for screens instead.

                If that is still not enough, try the online service yourself. Or maybe the web developers convert your PNG 24 to a PNG 8. With Export for screens you can create a different PNG 8

                Terms & ConditionsAccessibility statement
                Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices