17 Replies Latest reply on Mar 10, 2017 12:53 PM by rob day

    How do I export 72ppi jpegs from InDesign without losing quality?

    bec-white Level 1

      I need to export indesign files that I design to 72ppi for web without losing any quality (or as minimal as possible). Countless times I have tried different methods, but alwasy manage to create a workaround, whether it be good quality, or just readable text. ITs really the small text I have the problem with. I explain in the below video my problem in further detail. But basically, I have tried many things such as pasted from indesign to photoshop, exporting to 300ppi jpeg and resizing in photoshop, exporting to 72ppi jpeg and viewing (not good at all), exporting as PDF, opening in photoshop ticking anti alias and inputting my dimensions... how can I get this to work?? Someone please help.. I have battled this problem for to long and my boss is getting annoyed with it. We need to fix this.

       

      Many people say to export to PDF and then open in photoshop and save as a jpeg from there.. but how can i export a PDF to 72ppi?? Please Adobe fix this issue in future editions of InDesign. Thanks in advance to anyone who can help

       

      Here is a link to the video if yu can't view it below: http://www.youtube.com/watch?v=0uqsGnhT3gY&feature=youtu.be

       

        • 1. Re: How do I export 72ppi jpegs from InDesign without losing quality?
          Michael Gianino Level 4

          bec-white wrote:

           

          Many people say to export to PDF and then open in photoshop and save as a jpeg from there.. but how can i export a PDF to 72ppi??

          You have it backwards. You export a PDF, and when you open it in Photoshop, that's when you pick the resolution. Any text in the PDF will likely be vector data, and it will be changed into bitmap data at the resolution you choose. I'll give you an example:

           

          I placed a 300ppi image (5.7MB Photoshop tiff) into an InDesign page with three captions (12pt, 9pt and 6pt). I exported the page as two different PDFs. One was set to High Quality Print (a1) and the other to Smallest File Size (a2). A1 came in at 446KB and a2 came in at 37KB. When opened in Photoshop, I picked 72ppi as the resolution, flattened and saved as an RGB Jpeg without color profile and quality setting of 12.

           

          The a1 jpeg was 180kb in size and a2 was 156kb, so not too far apart, considering the difference in file size between the PDF versions. If you open the jpegs in Photoshop, you will see that the size of the letter F at the beginning of the 12pt caption is nine pixels high in each, so if the problem you are having is that small text isn't readable, maybe the text is just too small to be readable at 72ppi.

           

          a1.jpga2.jpg

          • 2. Re: How do I export 72ppi jpegs from InDesign without losing quality?
            bec-white Level 1

            Thanks Micheal, thats a valiant effort there, thankyou very much.

            I have seen images on the net that have very small disclaimers etc, at about 6-8pt text and they are readable. So what you are saying basically is there isn't a way to savour text that is much smaller than 12pt? I don't want to sound ignorant about it when telling others there isn't a way to fix this, but it is true, yes? Text that is smaller than 12-14pt most likely won't be readable at 72ppi?

             

            Hmm.. its hard saying that because most of the time even exported text at 12pt is hard to read with jagged edges. Would you be able to give me some step by step intructions of the best way to export from indesign to jpeg with the best quality possible?

            • 3. Re: How do I export 72ppi jpegs from InDesign without losing quality?
              Michael Gianino Level 4

              bec-white wrote:

              Would you be able to give me some step by step intructions of the best way to export from indesign to jpeg with the best quality possible?

              I'm probably not the guy to be asking, since I don't do anything for the web (print only). Since this is going to the web, I wonder if there is some sort of HTML or XML solution that will keep the type live. Given my lack of experience with this sort of thing, that may be a dumb suggestion, but with any luck, someone who knows this sort of thing will chime in. Good luck.

              • 4. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                rob day Adobe Community Professional & MVP

                In the video your InDesign (CS6) and Photoshop views are both at 100% but the two programs use different scales for zooming. In Photoshop 100% is a 1:1 monitor to pixel ratio so you are seeing the image as it would appear on the web at a 100% scale.

                 

                In InDesign CS6 100% is the screen view relative to print at 100% and is not the PS 1:1 ratio. If you work at 100% in ID the view is magnified so your 12pt type gets reduced to 8.5 pt when you export to 72ppi. To get the same 1:1 view as Photoshop you need to double-click the Zoom tool.

                 

                Also it looks like your ruler units might be set to millimeters? When you are designing for web output you should set the measurement units to pixels and set the page dimension to match the expected pixel dimensions of the banner ad at 100%.

                • 5. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                  rob day Adobe Community Professional & MVP

                  Here's the problem illustrated. My ID document is set to 600x400 pixels and exported to 72ppi jpeg. If I leave both ID and PS views at 100% you can see the PS view is reduced and the type is less legible at the smaller point sizes. If I double-click the Zoom tool the views match.

                   

                  Screen shot 2013-05-16 at 3.52.21 PM.png

                   

                  Screen shot 2013-05-16 at 3.51.48 PM.png

                  • 6. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                    bpylant Level 2

                    One thing you may wish to do is forget about 72ppi, which is completely irrelevant for onscreen use. Think in actual pixels; if you created a graphic that you need to use for a webpage header at 800 pixels x 200 pixels, that's the dimensions you should be targeting for your export.

                     

                    When designing for the web, everything you do is measured in pixels, not pixels per inch.

                    • 7. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                      rob day Adobe Community Professional & MVP

                      If you set up your ID page as 800x600 pixels and want to export it at the same dimensions to Photoshop then you do have to use 72ppi on export.

                       

                      Prior to CS6 the 100% ID view displayed the page at a 1:1 pixel ratio as PS or a browser does, but that's no longer the case. If your monitor res is higher than 72ppi, which is almost always the case, the 100% ID view magnifies the page relative to a browser.

                      • 8. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                        00rhodiad Level 1

                        Where can I set my monitor's resolution in Indesign? Acrobat has the setting in Preferences, but I don't see it in Indesign. If there is no user-definable setting, where does CC get the information?

                        • 10. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                          00rhodiad Level 1

                          Tricky! And effective. Thanks, Peter.

                           

                          Hopefully the proliferation of ultra-high-res displays will bring the ability to set output scale intent to Indesign--so that, for instance, I can choose "Retina iPad" from the list and have it display the same size as (but double the resolution of) a document set up for a non-Retina iPad. Until then, seeing actual pixels makes much more sense to me--thanks for the pointer to that clever script workaround.

                          • 11. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                            Peter Spier Most Valuable Participant (Moderator)

                            I don't do that kind of work, but I thought that was already available, and the reason that the display ratios had changed.

                            • 12. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                              laurelch Level 1

                              This still isn't solved. I have been in a habit for years of exporting at 300ppi from inDesign, and then pulling the image into Photoshop and resizing to 72 ppi using the Image Size dialogue.

                               

                              It's RIDICULOUS but it works. It results in much higher quality exports for web images, and ensures you meet the exact pixel requirement. And it doesn't actually take that long.

                               

                              Every once in a while I try exporting at 72ppi from INDD again, and just end up frustrated and looking up forums like this to let off steam. Does anyone know the best way to submit bugs to Adobe? They need to know about this and take action.

                              • 13. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                                rob day Adobe Community Professional & MVP

                                and ensures you meet the exact pixel requirement.

                                If you set your InDesign ruler units to pixels and export at 72ppi the resulting image pixel dimensions will match the exported page's pixel dimensions. A page measuring 2000 x 1000 pixels exported at 72ppi will open into Photoshop at 2000x1000 pixels.

                                 

                                InDesign's JPEG export does not do a very good job sampling placed images and that has been brought up in other threads. So if your page has placed images export as PDF/X-4 and open the PDF at 72ppi in Photoshop and the resulting image will measure 2000x1000 pixels.

                                 

                                Re: BUG: Indesign CC 2014 - significant image artifacts with 'export as JPG'

                                 

                                Since upgrading to CS6, I can no longer see how to convert files from, for example, PDFs to JPEGS and back again.  It used to be so simple.  Can anyone help with this?

                                • 14. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                                  Laubender Adobe Community Professional & MVP

                                  Hi Rob,

                                   

                                  just a detail I want to add about PhotoShop and its rendering capabilities:

                                   

                                  If you are using effects on an InDesign page you are introducing transparency to the page:
                                  At one point in the workflow for creating a JPEG file applied transparency has to be reduced to "flat" pixels.

                                   

                                  PhotoShop CS6 and above is using two different rendering mechanisms:

                                  1. One for PDFs that was rewritten with CS6 and maybe was refined over the years.

                                  2. One for EPS that is still the same as with e.g. CS5 or CS4

                                   

                                  Sometimes you are seeing stitching artifacts with PDF rendering when flattening transparency with method 1 and 2.

                                  Sometimes only with method 1.

                                   

                                  The rendering of text might be a bit superior with method 1 in comparison to the older EPS rendering method, but that would not help, if stitching artifacts bite you.


                                  Only in that case try the older method and export EPS from InDesign and render the EPS with PhotoShop.

                                  Or save to EPS with Acrobat Pro from an opened PDF/X-4 and render that with PhotoShop.

                                   

                                  There is a good chance that you are seeing less stitching artifacts or none at all if PhotoShop will use the older method 2 for EPS rendering. However, in detail text could be rendered a bit better with method 1.

                                   

                                  Regards,
                                  Uwe

                                  • 15. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                                    rob day Adobe Community Professional & MVP

                                    I have seen bad image anti-aliasing when exporting a page with placed images to JPEG (as discussed in my links), but I've never seen stitching, have you?. Certainly you would expect stitching if you exported flattened transparency (PDF/X-1a) and opened at a low res, but PDF/X-4 should not have that problem.

                                    • 16. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                                      Laubender Adobe Community Professional & MVP

                                      https://forums.adobe.com/people/rob+day  wrote

                                      … but PDF/X-4 should not have that problem.

                                       

                                      Hi Rob,

                                      good point with PDF/X-4. Yes the stitching problem could be there with PDF/X-1a. That's for sure.
                                      But if my memory is right ( I'm not sure anymore ), there were also reports where opened PDF version 1.7 files with "live" transparency exposed some problems after rendering with PhotoShop.

                                       

                                      I have to dig through my old repository of test files first to come up with a telling example.

                                       

                                      Regards,
                                      Uwe

                                      • 17. Re: How do I export 72ppi jpegs from InDesign without losing quality?
                                        rob day Adobe Community Professional & MVP

                                        I have to dig through my old repository of test files first to come up with a telling example.

                                        The dreaded stitching that causes so much hand wringing is really only a problem at low screen and print resolutions (as I'm sure you know). So I think an easy test is to compare PDF/X-4 next to PDF/X-1a opened at a very low resolution, where stitching will always show. So something like this where I've opened both at 50ppi. X-1a on the left:

                                         

                                        Screen Shot 2017-03-10 at 3.45.18 PM.png

                                         

                                        The X-1a opened at 2400 ppi or a typical resolution for a platemaker:

                                         

                                        Screen Shot 2017-03-10 at 3.51.39 PM.png