2010-11-10 29 views
1

我有一个2550px x 3300px的文档图像。我使用css将它缩放到901px到1166px。也使用没有CSS的图像宽度/高度属性。它在Chrome和IE中看起来不错,但图像内容在FF(3.6)中看起来很锯齿。调整图像本身不是一种选择(对于高质量的打印)。在Firefox中无法正确缩放图像

有什么建议吗?

+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

回答

1

您可以尝试添加CSS标记image-rendering: optimizeQuality;,但这应该是默认设置。也许你有另一个标签覆盖默认值?

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

+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" />