How good is Browser Zoom?.

By Thomas Baekdal | Monday, August 11, 2008 | Section: notes

We recently discussed the modern browser's ability to zoom and thus make website more readable. The problem however is, that while it is easy to zoom in on text without losing quality, it is an entirely different thing with images. How good are the modern browsers really at zooming in on images?

Before I show you the result (which is very good), let's briefly discuss the theory behind image scaling.

A bit of theory

Everyone with a digital camera knows that you cannot make pictures bigger and better. You can make it bigger, but you can never exceed the quality and details of the original picture.

This problem is made worse by the fact that there are many different ways to scale an image.

Method 1: Simple scaling

The "poor man's" scaling method is simply to make everything bigger. To zoom in 200% you simply make every pixel twice as big. As a result you end up with a very pixilated image. Not good!

Method 2: Bicubic Scaling (using Photoshop)

A much better way to scale up images is to use the "bicubic" method. It eliminates the pixilated look, and tries to scale the picture by creating new pixels that it thinks will work well. This is a much better method, but it still makes the scaled up image a bit blurry to look at.

Method 3: What we really want

To get the best quality we must abandon the concept of scaling. Instead when a visitor zooms, the browser should request a new "higher quality" image from the server.

This however is not supported by any browser (yet). But the result is spectacular (just look at the hair or the freckles on her nose):

The Browser Tests

How does the browsers compare to these three scaling methods?

We would obviously like to have the perfect image in method 3 (which we cannot get), and we don't want anything like the pixilated look in method 1. But I am very satisfied if it is close to the result we get from scaling up images in Photoshop (method 2).

Firefox 3.0

Firefox is extremely close to Photoshop. It is a bit blurry, and it lacks some of the clarity, but we are talking a tiny difference.

Opera 9.5

Opera is also extremely close. It is actually somewhat better than what you get from Firefox.

Internet Explorer 8.0

Internet Explorer 8 is also very close to what we want. It is not as good as Opera (but close). It is, by all practical terms, the same as Firefox. Technically speaking it is actually a fraction of a fraction of a fraction better than Firefox, but the difference is impossible to see with the naked eye.

Safari 3.0

Finally I also wanted to test Safari. It is a good browser, and "THE" browser on a Mac. But here is a surprise. Safari does not support zooming. It can scale up the text, but not the page itself.

This is actually a bit weird. Zooming is pretty much the most important feature with Safari on the iPhone. Why is the feature missing out in the desktop version (Steve?)

It is pretty good

So there you have it. The modern browsers actually do a pretty good job when it comes to zooming. It is much better than I anticipated.

What we really need is the kind of quality we get using method 3, where a new image is requested when you change the zoom levels. That would be spectacular. But all three browsers come extremely close to the image quality you get from Photoshop, and that is, by all accounts, "good enough".

All-in-one

Comments

blog comments powered by Disqus

There is always more...

Google and the loss of Net Neutrality »

You have probably heard about all the buzz around net neutrality, the concept of equal access to the internet.


We Need Another W3C »

These days, everyone talks about HTML5. All the big guys like Apple, Google, and Microsoft put a lot of effort into making it happen. Google is especially focused on bringing HTML5 and web apps into the world.


Setting up Baekdal.com for the new Digg 4 »

Want to try out the new Digg 4 - go here http://new.digg.com (limited access - be quick)


The End of FLV. Hello h.264 »

Earlier today On2, the company behind the video codec used in the FLV video format (used by Flash), told us that they will discontinue their Flix video product line.


Wired's 26% iPad Share »

There is one story that keeps popping up about Wired Magazine reporting that 26% of their traffic is now coming from the iPad. A truly amazing number. But there something odd about it. I'm not seeing that anywhere else. So I did a little digging.


The Stream »

My use of the stream have now reached a point where I am no longer looking for news. Instead, my world is pretty much divided into two types of information. Updates that are followable, and updates that isn’t. I am now spending 99% of my time on the first group.


Impressive Foursquare Stats »

Foursquare Grader has compiled a list of the percentage of people who have been rewarded a badge on Foursquare. This tells us a lot about how it is being used. Most social networks have a relatively low activity rate, but that doesn’t seem to be the case here.


I'm Not Dropping Facebook »

A few days ago I wrote, “Facebook is Dying, Social is Not,” and it appears that I hit a nerve. The article has so far been read by more than 25,000+ readers, in less than 3 days. It is safe to say that the complexity and privacy issues are something people really cares about.


Social Media Revolution - updated »

Every now and then a short video is released that show just how much the world has changed. One of the best ones are “The Social Media Revolution” from Socialnomics. Yesterday they released an updated version, with all the latest stats.


Google Chrome is Getting Unbelievably Fast »

You might have heard it already, but Google have released a new beta version of Chrome, which breaks new records in speed. And to show off how fast it really is they have made a little video.


Share on:

Share via Facebook

Share on Buzz

Submit to Digg

Post to Stumbleupon

Send via email