Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

There is this options box shown when saving a PNG image from Adobe Photoshop. I always choose 'None'.

What does the 'Interlaced' option do?

enter image description here

share|improve this question

2 Answers 2

Interlaced image loads an early degraded version of the whole image as soon as possible and then progressively renders the image to clear state.

Non-interlaced image will load up in tiles showing clear image in each tile as it progresses to load in the image.

  • .gif follows the same idea.
  • For .jpg the interlaced = progressive and not interlaced = baseline.

enter image description here enter image description here

share|improve this answer

"Interlacing" means that it draws (I'm pulling numbers out of the air) every fifth line (line 5, 10, 15), then every fourth line (line 4, 9, 14), then every third line, etc. until the image is filled in, rather than drawing line 1, 2, 3, 4, 5, etc. in order. This allows a sketchy version of the image to come in gradually and fill in until it's completed. Drawing the lines in order means you get the image from the top down.

Lollero's visual is an excellent demonstration.

share|improve this answer
@Amphiteót I believe there was a user by the name of Lollero who did a really nice graphic illustrating the concept, but that answer has since been deleted. –  Lauren Ipsum Nov 1 '14 at 1:08
Re: Lollero. I understand, thank you! –  Amphiteóth Nov 1 '14 at 3:03

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.