Comments on: Print-Friendly Images and Logos with CSS

By: ahkim

ahkim — Mon, 22 Jun 2009 11:38:45 +0000

Doesn’t work in opera!

By: Interesting Articles #6 » DivitoDesign - Webdesign Blog

Interesting Articles #6 » DivitoDesign - Webdesign Blog — Sun, 13 Jul 2008 09:25:18 +0000

[...] Print Friendly Images – Learn how to create images that not only have an awesome quality on screen, but a good quality [...]

By: Bookmarks for July 8th & July 9th | isuckatdesign.com

Bookmarks for July 8th & July 9th | isuckatdesign.com — Wed, 09 Jul 2008 16:14:22 +0000

[...] Print-Friendly Images and Logos with CSS – Interesting article on print-ready images for your print stylesheet. Though, as the author states, it’s a bandwidth issue, so I’d only use it for pages you’re certain your users will print. [...]

By: Rob Glazebrook

Rob Glazebrook — Tue, 08 Jul 2008 17:41:02 +0000

Good question, Heather. The short answer is no: that wouldn’t work.

The reason is, when you’re applying a background image, you don’t have any control over its size or resolution. So you could load the larger image, but it would just show up as much bigger and still at 72dpi. The only way to alter the effective resolution is to have the image actually in the page, and then size it smaller to create a greater dpi.

By: Heather

Heather — Tue, 08 Jul 2008 17:04:38 +0000

Nice expansion on the topic. For pages you’re certain your users will print, this will be quite effective.

Question, could you just as easily reference the larger resolution image in the print.css? Or did I miss something.