How change color of text and image before print with css?

Question

I'm looking for a easy way and css only solution to style my page before print.

I'm looking for chance color to black and white for text and image.
I'm also looking for a way to change the scale of image to printer doesn't consume só much paper.

If some one points me out the css tags and how to use them would be awesome.
Thanks in advance !

Do not ask 2 unrelated questions as a single question. – cimmanon Oct 10 '15 at 19:45 — cimmanon, Oct 10 '15 at 19:45

score 1 · Accepted Answer · edited May 23 '17 at 12:14

1

You can do like this

@media print {
  body {
      font-size: 10pt;
      background-image: url(photo_with_white_background.jpg);
  }      
}

To manipulate images you can use filters

img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
img {-webkit-filter: invert(100%); filter: invert(100%);}

edited May 23 '17 at 12:14

Community

answered Oct 10 '15 at 19:26

Asons

1 Answers1