AuthorTopic: Browser Test, Please Ignore  (Read 8041 times)

Offline Peppermint Pig

  • 0010
  • *
  • Posts: 495
  • Karma: +0/-0
    • View Profile

Browser Test, Please Ignore

on: October 12, 2006, 07:00:31 pm
... I told you to ignore this thread, but nooo, you had to look inside and see what was going on! Curiosity... Tisk!  ::)

Several browsers for OSX have been creating a blurring (anti aliasing filter) effect with zoomed images. Safari, Firefox, and SeaMonkey are documented as having this issue, but their PC counterparts, if they have one, display proper, crisp images... Mozilla 1.7.5 for OSX does not have this problem, and it is a slightly older browser. Therefore it's probably some change in method that is causing this (graphics/rendering library issue). For OSX users, his is completely unacceptable, and suggests a trend in browser development of a cosmetic nature, where pages are built to be zoomed to fit a user's screen resolution, and bitmap images are being "corrected". This is only a theory, however.

Firefox sports a feature that shrinks to fit the loading of  individual images if they exceed your window sizewhich is acceptable, but blurred zooms when images are scaled at factors of their original size are inappropriate when precision of detail is at stake.

Here is a test image, saved to various formats to rule out any inconsistencies between them (none have been found so far).

Click to Zoom:

Actual Size BMP
Zoom (script) BMP
More Zoom (script) BMP

Actual Size PNG
Zoom (script) PNG
More Zoom (script) PNG

Actual Size GIF
Zoom (script) GIF
More Zoom (script) GIF
« Last Edit: October 12, 2006, 09:09:38 pm by Peppermint Pig »

Offline Filax_666

  • 0010
  • *
  • Posts: 203
  • Karma: +0/-0
    • View Profile

Re: Browser Test, Please Ignore

Reply #2 on: October 12, 2006, 07:18:01 pm
Don't know if I should be replying to this... :-[

Anyway, I've had that problem before, but it seems that, if use an earlier version of Firefox (dunno what's the latest, I think I've got 1.0.7), it doesn't happen. WIth Safari, the problem still exists - plus, the images overlap eachother. Tell me if you want a screenshot.

Offline Feron

  • 0100
  • ***
  • Posts: 1123
  • Karma: +0/-1
  • Carpe Diem
    • View Profile
    • Pixelheart

Re: Browser Test, Please Ignore

Reply #3 on: October 12, 2006, 08:32:42 pm
Safari auto-blurs mine - i can still recognise individual pixels though so im not to bothered.

Perhaps it has something to do with the mac and screen - i remeber it not blurring on my G3, but it does on this 20".

Offline Peppermint Pig

  • 0010
  • *
  • Posts: 495
  • Karma: +0/-0
    • View Profile

Re: Browser Test, Please Ignore

Reply #4 on: October 12, 2006, 09:02:44 pm
I am told that this is the future of web browsers. They will be interpolating zoomed images by default. Browser apps on OSX take advantage of quartz I believe. They justify the change by saying that most people would appreciate it. The hope is that they will include either a css behavior for it, or it's an option in a preference pane.

This means that all of you PC users will be experiencing this effect when your browsers adopt the latest standards. OSX is currently a little ahead in this arena.

Sure Filax, screenshots help. Your old browser is comparable to my old mozilla, and they have no problems.

It would suck if we had to resort to using old browsers just to visit pixelation. On the positive side, SeaMonkey reintroduced the COPY function for copying images from the browser, so at least I can go into Photoshop and zoom things if I need to. I can live with the change, but it is disturbing that they're not taking into account the need for non-interpolated images for some web applications. They say they want to do it because computers have the power/resources to do it, but just as well I know that people will be using this added power to make javascript video games right in the web browser, and they would appreciate non-interpolating (non-blurring) sprites if they choose to render them at 2x or greater.

Here's a bug report related to the change. You can see someone in a similar situation. Notice the status RESOLVED & WONTFIX.
https://bugzilla.mozilla.org/show_bug.cgi?id=321548
« Last Edit: October 12, 2006, 09:26:23 pm by Peppermint Pig »

Offline Feron

  • 0100
  • ***
  • Posts: 1123
  • Karma: +0/-1
  • Carpe Diem
    • View Profile
    • Pixelheart

Re: Browser Test, Please Ignore

Reply #5 on: October 12, 2006, 10:05:58 pm
It would suck if we had to resort to using old browsers just to visit pixelation. On the positive side, SeaMonkey reintroduced the COPY function for copying images from the browser, so at least I can go into Photoshop and zoom things if I need to.

ummm. you can do this with any browser.

Offline Peppermint Pig

  • 0010
  • *
  • Posts: 495
  • Karma: +0/-0
    • View Profile

Re: Browser Test, Please Ignore

Reply #6 on: October 12, 2006, 10:39:36 pm
Sorry, should have mentioned that it was an isolated case, versus something that affects everyone, like this blur may do. At one time, Mozilla restricted this feature, and now it's available again in SeaMonkey.

Offline Gil

  • 0100
  • ***
  • Posts: 1543
  • Karma: +1/-0
  • Too square to be hip
    • http://pixeljoint.com/p/475.htm
    • View Profile
    • My Portfolio

Re: Browser Test, Please Ignore

Reply #7 on: October 13, 2006, 01:06:28 am
What happens to gifs with transparency? Can I get a screenshot of that?

Offline Feron

  • 0100
  • ***
  • Posts: 1123
  • Karma: +0/-1
  • Carpe Diem
    • View Profile
    • Pixelheart

Re: Browser Test, Please Ignore

Reply #8 on: October 13, 2006, 08:01:11 am
gifs with transparency have always been fine on mac.  Png alpha transparency also works perfect - IE is the one with transparency problems, but then again it is made by M$

Offline Gil

  • 0100
  • ***
  • Posts: 1543
  • Karma: +1/-0
  • Too square to be hip
    • http://pixeljoint.com/p/475.htm
    • View Profile
    • My Portfolio

Re: Browser Test, Please Ignore

Reply #9 on: October 13, 2006, 12:30:28 pm
That's not what I asked...
I asked if they blurred...

I kinda remember the blurring from the last project I did on Mac, but I can't remember how it handled transparency blurring...