I’m creating invoice on HTML pages that I want to print
These all have pictures of people and goods on
I’m using PNG - I thought this would be the best format
Unfortunately, the graphic comes out squashed and not in the original ratio
What do I need to do to get the original graphic output?
And is PNG the best format to use to get the best output printed?
This is a little off-topic but I think it s worth mentioning all the same and indeed you may already have made these considerations :
It does depend on your audience or if this is a specialised application but I would say that you should remove nearly all images when printing (aprt from your logo) as most people will just want the content and do not want to waste printer ink on decorative images when printing out an invoice. I believe all browsers disable printing background images by default anyway.
You should use the same criteria that you do for the web page and if an image is “content” and meaningful then it can be printed or displayed on the screen but if it is purely decoration then it is a background image and should not be printed. Printer ink is expensive so be considerate with it