2 Replies Latest reply on Jun 24, 2016 11:51 AM by rob day

    InDesign JPG Compression vs Illustrator/Photoshop

    bosco-sket

      I am working on a website and need to put in a lot of images. For most images, I use photoshop. I create the correct size then export using "Save As for Web & Devices." This works great, but I need to display several small images in a grid format. What works best for me right now is to layout the images in InDesign and then export the layout as a .jpg. I realize I could use CSS to create a grid of the individual images and I also realize I could layout the document in Photoshop, however, for now I want to use InDesign.

       

      Doing this got me thinking about the compression qualities of the different programs within CS (I am using CS4). From what I understand each program is built a bit differently. For example, the text engine in InDesign is different than the text engine in Illustrator (making working with text between the two programs seamlessly a total *****). I believe differences in the programs is the same for compression engines used to create formats like jpg? I've heard people note differences between Photoshop's Save As for Web & Devices and Ilustrator's Save As for Web & Devices so maybe that is the case? (I personally cannot tell the difference). I want to know what's underneath the hood of these programs and am having trouble finding this information.

       

       

      So in short, what program does the best job optimizing images (jpg or png) for the web?

       

      My guess is Photoshop, but this is a guess. If correct, why not InDesign or Illustrator? What compression engines do Illustrator, InDesign, and Photoshop use? Are there strengths and weaknesses? Why doesn't all the programs use the same compression engines?

       

      I realize, in the end, if it looks good it works. But curiousity is killing me and I want a deeper answer.

       

      Thanks!