2010-01-29 41 views

回答

0

背景圖像不打印。這是可能的,但瀏覽器的默認設置是;不要打印背景圖像。

我確保圖像的分辨率爲150dpi。然後,他們不是爲了屏幕大而可以接受紙張。 GIF格式不會將dpi信息存儲在文件中,但您可以使用CSS爲其提供可接受的大小。

較小的字體需要較少的墨水。

0

從XHTML的角度來看,除了確保代碼的有效性和語義性之外,還有很多事情要做。

現在關於打印CSS。你可以考慮一些人可能會用黑白打印你的頁面,或者他們可能只有很少的彩色墨水(從而變得更暗淡的顏色)。因此,如果您有任何淺色,淡色或文字與背景之間沒有太多對比的地方,請確保您在打印樣式中突出對比度。 嘗試用黑白打印頁面,看看它的外觀。

我不確定flash和silverlight的插件是如何打印的,但是您可以在print.css中爲它們添加背景圖像,所以如果它們沒有打印出來,至少可以獲得flash的快照一個白色的洞。

對於圖片,我會建議Ton van Lankveld說什麼。將它們設爲150dpi,並確保它們在CMYK上看起來不錯(可以通過查看>校對顏色在Photoshop中執行此操作)。

檢查你的字體了。有些可能需要更小,有些更大。如果你有很多文本,你可能會考慮使用更像「Helvetica」或「Times New Roman」的「基於打印」字體(特別是如果你使用的是基於屏幕的字體,如Verdana)。

最後爲了節省墨水,我會刪除任何不是絕對必要的東西(yup display:none)。出於同樣的原因,我會遠離print.css中的背景圖像。我會將所有超鏈接設置爲黑色(或文本顏色),而沒有下劃線,因爲沒有理由將它們放在打印頁面中。 您也可以使用#111或#222而不是#000保存一些墨跡(但可能會影響可讀性)。

0

儘管我承認這不太可能是您收到的最實際的答案,但您可能需要考慮 ecofont,這是一種專門用於保存打印機墨水的字體。

查看評論。

+0

Ecofont只是無稽之談:http://www.sitepoint.com/blogs/2009/01/31/cut-costs-by-saving-ink-with-ecofont/#comment-870994 – Gumbo 2010-01-30 10:28:04

0

以下技術實際使用更多墨跡,但與製作頁面的打印版本相關。

假設有一個頁面,超鏈接實際上對內容非常重要 - 比方說,它是主題xyz的有用網站列表。不知道爲什麼有人會打印出來,但如果他們這樣做,一堆加下劃線的句子不會有多大幫助。

您實際上可以使用CSS to print out the urls

爲子孫後代,代碼

a:link:after, a:visited:after { content:" [" attr(href) "] "; } 

我想用一個類,像

a.printable:link:after, a.printable:visited:after { content:" [" attr(href) "] "; } 

我一直很喜歡這個尖括號建議僅做了選擇鏈接所以我可能會重寫它

a.printable:link:after, a.printable:visited:after { content:" <" attr(href) "> "; } 

請務必記住entiti es不允許在CSS中的「content:」值中。基本上你只是把你想要的原始文本。

此外,對於打印,您應該使用pt而不是pxem來確定尺寸。您可以使尺寸小於屏幕的尺寸。默認大小通常設置爲12點,但您可以輕鬆將其設置爲11點,並仍然保持大量的可讀性。從長遠來看,這將節省相當數量的墨水(和紙!)。除了內容圖形(換句話說,構成頁面的有意義的內容的圖形,與用於佈局,美化或視覺效果的圖形相反),幾乎沒有非文本應該使它到頁面。應該消除邊界和背景,除非在極少數情況下(例如必須注意某段文本,儘管簡單設置爲粗體可能同樣有效,並再次節省墨水)。如果您正在使用css製作花式圖案<hr> s,請在打印時徹底清除樣式,然後使用內置樣式,或者用純黑色或灰色線條替換所有<hr>(並再次使用pt,如2pt,而不是px,以改變高度)。

我不能想到很多情況下,您需要打印iframe中的內容。如果是這種情況,那麼製作將iframe的內容取出並直接放入文檔中的頁面的可打印版本可能是非常值得的,這使得它更好地進行打印。