...

View Full Version : Chrome vs IE Image Quality



Sammy12
11-06-2011, 09:09 PM
Hi,

I've noticed that ie has terrible image quality when resizing. The image alone at normal dimensions is fine, but when you scale the image with css, the quality greatly decreases. any ideas? (the <i> mask has nothing to do with the quality)

chrome
http://i1114.photobucket.com/albums/k535/auroralight1/chrome.png
ie9
http://i1114.photobucket.com/albums/k535/auroralight1/ie.png



img {
-ms-interpolation-mode: bicubic;
}

.avatar {
position: relative;
height: 100%;
}
.avatar a,
.avatar img,
.avatar i {
display: block;
width: 100%;
height: 100%;
}
.avatar a i {
position: absolute;
top: 0;
left: 0;
box-shadow: inset 0 1px 3px #000, inset 0 -1px 3px #000;
}

hawaiiwebdesign
11-06-2011, 10:54 PM
Chrome supports CSS3 -- have you tried using the translation effects to scale your images rather than the %



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum