Make image look correct in browser and print?

I dynamically create an invoice off my commerce site. At the top left of the invoice is my company logo. I need that logo to display correctly on the web, but also print sharp (I print directly off loaded page). Currently because the image is web native at 72 ppi, it does not print sharp.

How can I print the logo sharp while a开发者_如何转开发lso displaying it correctly on the web page?

Try making the logo 4 times bigger. Say the logo is 72x72 pixels. Make the logo 288x288 and include it in your invoice html as

<img src="logo.gif" style="width:72px;height:72px;"/>

It should be downsized by the browser and printed a bit better. If it works, and you need higher resolution, just make the logo as large as you need.