收缩img而不会失去质量？

Question

看到这个:

http://real-sense.com/index.php?option=com_content&view=article&id=106

使用CSS调整右侧的垂直图像集

.thumbnail-product-resize
{
width:144px;
height : auto;
}

有没有人知道如何以更清洁的方式做到这一点,所以我不会在图像上失去质量？

我的意思是,如果我使用photoshop重新调整图像大小,文本将不会像在此处那样模糊.

在FF中测试过

谢谢

Answer 1

图像的质量取决于您使用的图像的原始大小.如果有一个质量好的大图像,比如大小400x500,然后在HTML中调整大小80x100,它仍然是一个400x500图像.但是,您只能在较小的图像上放置一定数量的像素80x100,因此必须对这个较大的图像进行采样.这意味着取像素的平均值,然后使其代表80x100尺寸图像.如果您想要更明确的结果,可以更改为图像的原始大小80x100.这可能会给你更好的结果.