Omnimaga

General Discussion => Technology and Development => Web Programming and Design => Topic started by: Deep Toaster on May 21, 2011, 07:54:19 pm

Title: Images in Internet Explorer
Post by: Deep Toaster on May 21, 2011, 07:54:19 pm

Has anyone noticed how IFE renders images blurry? For one of my web projects I need a repeating background and an image in front of it to line up in a really specific way, but according to IFE the background image is half a pixel smaller than it should be, and as a result, by the time the image gets repeated a few times, it's off by a few crucial pixels. And yes, apparently half a pixel is a valid number :P

Anybody know of any fixes, sort of like that font-smoothing thing?

Title: Re: Images in Internet Explorer
Post by: DJ Omnimaga on May 22, 2011, 12:52:28 am

Weird, I didn't notice that ???

Is it when stretching images? I know Opera blurs those by default now.

Title: Re: Images in Internet Explorer
Post by: Deep Toaster on May 22, 2011, 12:53:44 am

Nope, it seems to be overlapping half a pixel vertically ???

But that's a good point. Maybe IE thinks the container's smaller than it actually is? I'll look into that tomorrow.

Title: Re: Images in Internet Explorer
Post by: DJ Omnimaga on May 22, 2011, 12:59:09 am

Oh weird. I guess that could definitively screw up some page designs X.x

I remember in FF i had a similar issue while designing some forum themes: There was a 1 pixel gap between images forming the gradients and I had to increase the resolution width by 1 pixel to fix it.This happened on non-even widths, I think.

Title: Re: Images in Internet Explorer
Post by: Deep Toaster on May 22, 2011, 10:08:16 am

Well, just checked, and that's definitely not the problem, since there is no container to begin with. I guess IE just sucks :-\

Title: Re: Images in Internet Explorer
Post by: TIfanx1999 on May 22, 2011, 04:17:01 pm

I don't know, that's really odd. I haven't used IE in a long time, so I couldn't tell ya. D: I hope you're able to find a solution.

Title: Re: Images in Internet Explorer
Post by: Deep Toaster on May 22, 2011, 04:21:23 pm

For other reasons I've given up completely on IE7 and lower, but it still has that bug in 8 :-\

Title: Re: Images in Internet Explorer
Post by: DJ Omnimaga on May 25, 2011, 03:52:02 am

What about IE9?

Title: Re: Images in Internet Explorer
Post by: Deep Toaster on September 23, 2012, 04:16:21 pm

Here's the answer: http://css-tricks.com/ie-fix-bicubic-scaling-for-images/

Title: Re: Images in Internet Explorer
Post by: DJ Omnimaga on September 23, 2012, 10:34:02 pm

Nice. DOes it work in every browser though? Is there a way for example to get rid of the blurring without having to change each browsers settings?

Title: Re: Images in Internet Explorer
Post by: Deep Toaster on September 24, 2012, 12:29:58 am

Nope, it's only IE, but as far as I know only IE sucks horribly at rendering images by default.

Title: Re: Images in Internet Explorer
Post by: DJ Omnimaga on October 06, 2012, 10:14:02 pm

Actually there are quick fixes for IE image issues, all available in the links below:

http://www.firefox.com/
http://www.opera.com/
https://www.google.com/intl/en/chrome/

Title: Re: Images in Internet Explorer
Post by: Deep Toaster on October 07, 2012, 12:41:16 am

That's a good idea. Fixes an unimaginable number of other bugs too.