Skip to main content
J
Joseph Dreamer
Participant
October 15, 2013
Question

PNG for a WEB: "None/Fast" or "Smallest/Slow"?

  • October 15, 2013
  • 1 reply
  • 30608 views

I need to do for a WEB many PNG icons (aprox. 70x70 pixels e/a). There will be like 20 of them loaded in the WEB at the same time.

PLEASE, which kind of compression I should pick when I save as a PNG: "None/Fast" or "Smallest/Slow", and "Interlaced" or not?

My main concern is that the WEB page should load them the fastest possible. 

Thank you in advance !

This topic has been closed for replies.

1 reply

Noel Carboni
Noel Carboni
Legend
October 15, 2013

Smallest/Slow seems the best choice (I think the "slow" part refers to how long it will take to save, not load)  I haven't found a browser that doesn't deal with that setting.  I never use Interlaced myself; gone are the days when pages paint pixels before your very eyes.

Consider saving from within the Save For Web feature, which can be configured to save no additional metadata and no color profile.

Consider also just trying the different settings, then looking at the files yourself.  That's how those giving advice have likely learned the best settings.

-Noel

    J
    Joseph DreamerAuthor
    Participant
    October 16, 2013

    Thank you very much!

    I took a look to the "Save for Web" windows (as you told me), and I found out something new for me: "PNG-8", which make the file size smaller. So I should use this format instead of the regular PNG? (of course, in the case that the quality of the picture is still good for me)

    I also realize that (if the picture doesn't have any transparency) that the format JPEG looks better than  PNG (in file size)? That's correct? I should use JPEG in pictures without transparency?

    Thank you again,

    J. D.

    Noel Carboni
    Noel Carboni
    Legend
    October 16, 2013

    If you don't need transparency, and the quality is sufficient, PNG-8 I believe is compatible with all modern browsers.

    JPEG is not always smaller than PNG - it depends on the content.  Images with blocks of the same color or smooth gradients can often be smaller with PNG.

    -Noel

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