Inspiring

Question

How do I improve the image quality for online publishing? Photoshop/InDesign/Acrobat Pro

Forum|Forum|4 years ago
July 10, 2021
5 replies
4348 views

I am using Adobe InDesign v.16.2.1 and Photoshop v. 22.4.1 on a MacBook Pro, OS 10.14.6.

I have a large architectural rendering (36" x 48") that was hand-drawn and scanned at 300 dpi then retouched in Photoshop. From Photoshop, I saved the file as a jpg and as a pdf (so that I can see which works best). I then created a 36" x 48" artboard in InDesign, imported the jpg file at 100% to use as a base map, and added additional title block text and images overlaying the base map. The completed plan is saved as a jpg and as a pdf.

I will include this rendering in a final printed document about the design. The document is an 8.5" x 11", double-sided booklet with the 36" x 48" plan included as a folded insert. Primarily, however, it will be available online as a pdf. The problem is the online version. I'd like it to read like a book, i.e., with 2-page spreads and a right-hand cover. This is easy to create in Adobe Acrobat (Pro).

The first problem is that once placed in InDesign, the rendering looks pixelated and the hand lettering on the rendering is nearly impossible to read. I'm definitely not enlarging the image--it's going from 36" x 48" down to fit on a 17" x 11" spread-- and I've tried changing the display performance to high quality but that doesn't help. The actual and effective resolution of the image is the same, 300 dpi. I've tried placing a jpg and a pdf, they both look pixelated. In Photoshop these both look crisp and sharp even when zoomed into on-screen. In Adobe Acrobat, the rendering looks pixelated although the images placed on top of the rendering look sharp. The goal is that someone could zoom into the rendering to see the details, but the image quality just isn't there in InDesign or InDesign exported as a pdf.

Attached are three screenshots of the rendering showing the difference in quality (all zoomed to 121%) in Photoshop (PSjpg_121%.png), InDesign (ID_121%.png), and Adobe Acrobat Pro DC (Acrobat Pro_121%.png).

My question is, how can I improve the on-screen image quality of renderings exported to pdf for my online audience? Please, be specific in your recommendations, e.g., give the specs behind the "right" way to export/place into InDesign from Photoshop.

Thank you

This topic has been closed for replies.

rob day

Community Expert

I have a large architectural rendering (36" x 48") that was hand-drawn and scanned at 300 dpi then retouched in Photoshop.

If the 48" x 36" art was scanned at 300ppi it would have a pixel dimension of 14,400 x 10,800 pixels. If that pixel dimension is reduced to fit a 17" x 11" spread, the long dimension’s Effective Resolution should be 847ppi (14,400/17 = 847.05)—more than enough to reslove the ink drawing in your capture.

When you export to PDF, the default Compression setting for print presets is to downsample images with Effective resolutions over 450ppi, as well as apply additional JPEG compression. It looks like that is happening in your AcrobatPro capture.

parkdsngAuthor

Inspiring

I'll check this!

E

Eugene Tyson

Community Expert

I wrote an article here which might shed some light on the situation

https://creativepro.com/high-res-image-look-low-res/#:~:text=By%20default%2C%20InDesign%20is%20set,and%20click%20on%20Display%20Performance.

Scanning - the way I was thought - was to Scan at the actual size and resolution required - resizing after the scan will cause issues.

Architectural renderings or anything like line drawings (including text) should be scanned at 1200 ppi or higher.

The quality in the PDF is controlled in the InDesign PDF Export options - what are your PDF settings?

To answer your question - your scans need to be higher resolution and your output to PDF needs to be high resolution.

Acrobat can also display differently - 121% zoom in Acrobat is not the same as 121% zoom in Photoshop.

If you change the view resolution then viewing at 100% is different.

I'd highly recommend rescanning the documents at a higher resolution and outputting a higher resolution PDF.

rob day

Community Expert

The actual and effective resolution of the image is the same, 300 dpi.

If you scale an image it’s Actual and Effective resolution would not match—a 300ppi image scaled to 50% would have an Effective res of 600ppi.

Can you select the placed image and show a capture of your Link Info panel?

parkdsngAuthor

Inspiring

@rob day below is the link info panel for the rendering in InDesign

rob day

Community Expert

The original scan was made at 150ppi, not 300ppi, and you are scaling the scan down by 30.9%. Also the format of the placed scan is JPEG, so the original could have JPEG compression artifacts, and then on the export to PDF, additional compression artifacts could be added depending on how you set your Export>Compression tab.

If you want to maintain the original scan quality in the PDF, rescan and save the map in a lossless format —TIFF, or PSD and not JPEG, which bakes in compression artifacts. Place the .PSD directly in InDesign, and export with Downsampling turned off and JPEG quality set to Maximum:

J E L

Community Expert

@parkdsng I am not sure I understand why you are using InDesign as an intermediary step? You can add text and extend canvas size in Photoshop, then export to PDF and assemble whatever print specification you want. What am I missing?

parkdsngAuthor

Inspiring

@J E L, I'm using InDesign because we overlay the rendering with details about the project. Then I'm incorporating the renderings into a multi-page document. When people zoom into the pages online to look at the rendering, the rendering looks blurry even though it's reduced in size from the original.

J E L

Community Expert

@parkdsng I understand. I am wondering if all that could be achieved to get the look you want with Acrobat though, especially if you are only using InDesign to add text boxes. There is a lot you can do in Acrobat nowadays. Just trying to save you a step more than anything. But, ultimately, I think the issue is with your original scanning settings as has been pointed out by others. Please let us know what you try and how things turn out!

T

Test Screen Name

Legend

There are some thing to try. JPEG is for photos. It should NEVER be used for line drawings or text. So don't save as a JPEG. Perhaps a TIFF. Convert it to 1-bit (monochrome) to get the size down, if it looks ok, otherwise greyscale.

Really though this seems a virtually impossible task. This is not how architectural drawings get to online!

c.pfaffenbichler

Community Expert

»JPEG is for photos.«

And that should be the very last step (the final pdf export in a case like this); using jpg to damage images in intermediate steps along the way to the final product is just not advisable.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded