Jump to content

How to shrink web page pictures when printed?


pstein
 Share

Recommended Posts

Lets take an example:

https://www.makeuseof.com/tag/how-to-add-cool-effects-videos-android/

When I print this webpage (into a pdf file) then alla rticle pictures are printed in a big, fat dimension.

Have a look at the three picture below the section title "1. Glitch Video Effects".
They are placed in full format on a full pdf page.

I want to get them shrinked down to 20% resp. a maximum width of 200px.

Therefore I want to add a new CSS rule.

But neither

.article-gallery { max-width: 840px !important; }

nor

img { width: 200px !important; }

help.

How else can I shrink the pictures for printing?

I don't have access to the original web server but want to apply the new CSS rules afterwards by script in browser.
Peter

Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...