Seadragon Ajax image quality seems bad in IE, good in all other browsers
I'm rendering large images with text and displaying them with Seadragon Ajax. The image quality seems much worse in IE 8 than in all other browsers (see attached samples). Is this a known issue? Is there a way to blend tiles better in IE?
[PS: I tried uploading samples but the form is not working. When I upload my small PNG file, I get a "TypeError: 'responseText' is null or not an object" from the form]
[PS: I tried uploading samples but the form is not working. When I upload my small PNG file, I get a "TypeError: 'responseText' is null or not an object" from the form]
4
people have this problem
I have this problem, too!
Tell me when someone solves it.
The more people who report this problem, the more it gets noticed.
The more people who report this problem, the more it gets noticed.
The company has acknowledged this problem.
-
Inappropriate?It is indeed a known issue, and we agree, it sucks. Here's a blog post we wrote on the issue:
http://dragonosticism.wordpress.com/2008/12/04/seadragon-ajax-on-the-various-browsers/
It links to this comparison image between IE (left) and Firefox (right):

There is one known way to get better image scaling (which is the cause of the poor text rendering), but it's known to cause tile seams. If you're interested in seeing for yourself, add this to your HTML:
<!--[if IE]>
<style type="text/css">
#viewer img { -ms-interpolation-mode: bicubic !important; }
</style>
<![endif]-->
(You can adjust the rule if your <div> has an id different from "viewer".)
Here's the text with that fix:

Interestingly, when I try it now in IE8, I don't see any major tile seams. So I'll investigate this more and see if we should make this change inside Seajax directly.
Thanks!
I’m curious...
The company and 2 other people say
this solves the problem
-
Inappropriate?Seeing where tiles join is unfortunately inevitable in IE -- it's due not to the image quality but to the lack of subpixel precision.
We're disappointed about that too, and we "solve" that on seadragon.com by using Silverlight when it's available.
Hopefully IE9 will (a) have <canvas> and (b) implement it with subpixel precision. We're certainly pushing for that internally. =)
In the meantime, a workaround is to simply use bigger tiles. Instead of 256px tiles, try 512px. That might even be better if your viewing area is closer to or bigger than 512x512.
Either way, that's still a big improvement over the crappy text, no? ;) Just kidding. I'm sorry for IE's shortcomings!
1 person says
this solves the problem
Loading Profile...



EMPLOYEE