photos too large HTML to PDF

[scotm29925877]

Can anyone give me advice on how to reduce the size of the photos on this webpage? When I save the page as PDF the images are so large that they spill over in pieces across multiple pages. Forgive my ignorance on this, as I am new to this sort of work.

https://wavyalabaster.com/blog/2018/mendelssohn-choir-of-pittsburgh-rocks-bob-dylan-with-steve-hackm...

[AnandSri]

Hello Scotm,

We're sorry for the trouble you had, try creating the PDF from Acrobat application, go to File menu>Create PDF>PDF from Web page> and see if this brings any difference.

Also, go to the conversion settings once, from File>Create PDF>PDF from Web page>Settings>Settings under conversion settings> under other settings>select Disable multimedia capture and see if this reduces the size of the Photos.

Open the webpage in a different browser, then try saving it as Adobe PDF.

Let us know how it goes and share your observation.

Thanks,

Anand Sri.

[scotm29925877]

This actually makes the photos MUCH bigger. Additionally, (and this was a problem before as well) the text and other elements on the webpage are cut off on the lateral margins even when I orient it in landscape. Do you happen to know how I might edit the HTML code to optimally format the webpage before transferring it to PDF?

[AnandSri]

Hello Scotm,

Sorry for the delayed response and inconvenience caused. To make any customization in the HTML code format, you have to contact the host of the website that is the owner, there no such settings in Acrobat to edit/change the code.

Thanks,

Anand Sri.

[gary_sc]

Let me also add that the person who made this website made some strange choices. The problem is that images on web pages are typically set in pixels (for width and/or height. I copied the image of the young lady stroking her hair and that image is 1500 x 2247 pixels (w & h). The image is set at 72 ppi (standard) but that makes the image 20.8 inches by 31.2 inches.

That's your problem!

If you really really want this page as a PDF and are willing to recreate it, AND you have Adobe InDesign, you need to copy each image (with a right click) open Photoshop, create new image, and paste the image you just copied. Once finished, copy all of the text and then in InDesign, paste the text into a new document. Then insert the images.

I'm taking a lot of shortcuts in explaining this, but if you're familiar with how InDesign works, this is all fairly straightforward. If not, than something new to learn! (BTW, I've tried doing this in Word over the years and it's not worth it. Integrating text and images is NOT where Word is very capable, InDesign is.

Let us know where you go with this?

[liladude]

The easiset solution could be what other HTML to PDF converters do: add a special (even local) stylesheet with your print policies. In this css you could just set images width to be 100% or even 60% of your textarea width with ease, one line of css.

And yes, I am hoping for Acrobat programmer to start thinking that paged web pages exist and they should start taking print.css policies in the create PDF from WEB.

[rayek.elfin]

Open the page in the Opera Browser, scale the window horizontally to around ~1000px (the top slider left and right arrows should twinkle out), and right-mouse click the page, choose "Save As PDF". It may take some trial and error to get the print right without it being cut off: the total width of the Opera window is 1058px in my case for a perfect result. A bit higher, and part of the top will be cut off.

The PDF will be perfect. And will be laid out in one very long page. If this is unwanted, and you require the content to flow into multiple pages, you will have to use a PDF capable layout app to do so.

For some reason the desktop and mobile versions are cut off, though - probably a CSS issue.

Also take into consideration that many web pages nowadays lazy-load content, and that content will not be included, so the PDF must be saved with that content displaying in the browser view. This means it may take several PDF saves to capture all content, and these must then be combined in a PDF capable editor.

[gary_sc]

One last alternative is to use the website Print Friendly.

Print Friendly & PDF

It does a fairly good job in re-creating the web page as viewed in a browser albeit with some exceptions where the web creator is not considering the errors of their ways. You might find that this will give you about as good as you're going to get.

Please keep in mind the structure of a website is composed of the html as the bricks and boards of a website and the CSS as the plans as to how the bricks and boards are to be put together. On websites where the programmer was a compassionate experienced person, one can get a good PDF right off the bat. When the design is more creative, the good programmer provides a "Print" version of the website that when clicked on, provides a great printed/PDF version of the site. This programmer did neither and thereby causing the problem. To expect Acrobat to have the ability to fix every badly made website is not realistic. That is, unless you'd rather have them put their energies into that as opposed to making Acrobat itself better and better.

Please let us know if Print Friendly does an adequate job for you.

[Eric_MB]

This fixed my problem perfectly! I was trying to print a webpage as a PDF but all the pictures ended up to large to fit on the "paper". But just plugging the URL into Print Friendly fixet it perfectly! So glad I found your post, before this I was trying some much more elaborate suggestions including dev-mode in the browser, all with no luck. So much kudos for your answer that actually worked =D 

[JR Boulay]

For Mac users, one of the best PDF capture software is the free Paparazzi!

I couldn't live without it:

https://derailer.org/paparazzi/