Q

在Firefox中無法正確縮放圖像

2010-11-10 26 views 1 likes

1

我有一個2550px x 3300px的文檔圖像。我使用css將它縮放到901px到1166px。也使用沒有CSS的圖像寬度/高度屬性。它在Chrome和IE中看起來不錯，但圖像內容在FF（3.6）中看起來很鋸齒。調整圖像本身不是一種選擇（對於高質量的打印）。在Firefox中無法正確縮放圖像

有什麼建議嗎？

2010-11-10 pistolshrimp

+0

是否將其大小調整爲正好是像素大小的50％或25％的選項？通常看起來最好 – 2010-11-10 21:09:16

+0

調整大小並將其鏈接到原始圖像。該頁面加載速度更快，而且您仍然可以獲得打印質量。 – Jimmy 2010-11-10 21:33:51

+0

@Pekka，沒有工作。 @Jimmy，這不是這個項目的一個選項。多謝你們！ – pistolshrimp 2010-11-11 01:07:08

A

回答

1

您可以嘗試添加CSS標記image-rendering: optimizeQuality;，但這應該是默認設置。也許你有另一個標籤覆蓋默認值？

從http://articles.tutorboy.com/css/resize-images-in-same-quality.html

2010-11-10 21:16:49

+0

謝謝馬克。沒有工作。我身上沒有任何東西，只有形象。沒有樣式。只是一個普通的HTML頁面。 – pistolshrimp 2010-11-11 00:55:20

+1

@pistolshrimp，並不是我不喜歡這些觀點，但是這確實能夠解決您的問題或者將您引導至解決方案嗎？ – 2010-11-12 02:42:17

1

如果目的是當用戶打印，你可以使用打印和屏幕分離的樣式表的頁面，以獲得更好的品質。

<style> 
@media screen 
    { 
     #origImage { display:none; } 
    } 
@media print 
    { 
     #screenImage { display:none; } 
    } 
</style> 
... 
<img id="origImage" src="original.jpg" /> 
<img id="screenImage" src="resized.jpg" />

2010-11-11 07:16:57 JJJ

相關問題