Comments on: Print-Friendly Images and Logos with CSS

By: 16 trucos y guías para la impresión con CSS | Recursos para Diseño/Desarrollo Web y Social Media

Thu, 30 Jun 2011 20:44:15 +0000

[...] Definitive Guide (Traducción)Optimizing Your Website Structure For Print Using CSS (Traducción)Print-Friendly Images and Logos with CSS (Traducción)CSS-Tricks Finally Gets A Print Stylesheet (Traducción)Making a ‘Print This Page’ [...]

By: CSS樣式架構[2-2] 全站共用型 (Common) - 樂倍達數位科技

CSS樣式架構[2-2] 全站共用型 (Common) - 樂倍達數位科技 — Mon, 24 Jan 2011 06:27:26 +0000

[...] Print-Friendly Images and Logos with CSS [...]

By: Alisa Booth

Alisa Booth — Fri, 03 Sep 2010 16:44:51 +0000

Thanks for the article. The only problem I had was when viewing in Firefox, my print image showed up in the browser until I refreshed the page. So I put

#logoForPrint img
{
display : none;
}

in the of the actual page and took it out of the print.css which seemed to solve the problem.

By: Janesse

Janesse — Wed, 25 Aug 2010 18:48:55 +0000

Thanks so much for this solution, it’s the third one I’ve tried and the only one that lets me substitute a different logo for print versions but NOT have both versions pop up side by side on the basic Blackberry browser! That’s exactly what I was looking for.

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.