Network-friendly Tube & Bus Maps

(Turn up your volume by the way - Chopin's excellent piano waltz "Grande Valse Brillante Op.18" is playing in the background.)

Ever been frustrated by the inordinate amount of time it takes to browse around the tube maps on the official London Underground website? I'm not surprised if you have - because I certainly have - and I'm sure I'm not alone. For example - the standard tubemap is a 1.4 MegaByte PDF file. Now - I have high-speed ADSL at home - so this only takes a few seconds to fire up in my browser - but I do feel really sorry for those folks on dial-up modems! And just imagine if you were trying to view these maps on a PDA over GPRS - not only would it take ages - but it would probably cost you a fortune too!

So - you know where this is leading to: I've been experimenting with techniques to shrink large documents - without losing the fidelity - because you definitely need that with maps - it isn't much fun zooming into a map and losing the definition to the point that it becomes unreadable! I suppose that's why it's so common for organisations to publish maps as PDF files - because you don't lose the definition - the more you zoom into the map - the more you are likely to get a good definition of what's on the map. So - I guess it's always going to be a trade-off between quality and file size.

So - I discovered a remarkable bit of technology that was apparently invented at NASA sometime back for encoding large images suitable for beaming from satellites and rockets back to Houston. This technology is marketed by a company called LizardTech and amongst several things they produce - there is this thing called DocRocket - which comes in two parts: 1) an encoder and 2) a viewer.

The kind people at mobile company O2 (who have been dealing with LizardTech) were supportive of my experiment - and they kindly loaned me an evaluation copy of the encoder. But what about the viewer I thought to myself? Well it turns out that the viewer is free - and best of all - it installs as a web-browser plug-in - just like Adobe Acrobat Reader, Macromedia Flash Player etc.

So - what I did was download all the official tube maps from the official London Underground website maps page- and all the official bus maps from the Transport for London website bus maps page. They were all fairly large PDF files - and I encoded them all using the DocRocket encoder. The encoder produces "DjVu" files - which, if you have the DocRocket viewer plugin installed in your browser, will automatically be recognised by your browser.

Well - I must admit - I was very impressed! The things I was particularly keen on understanding was the magnitude of the trade-off between quality and file size. Most of you reading this for the first time probably don't have the DocRocket DjVu browser plugin - so here is a "taster" of the sort of thing that I was impressed with regarding quality of the encoded maps:

I took the standard tube map PDF file and zoomed into it to 300% around the area of Hammersmith station. I also took the same full-size map - converted it into a GIF - and then zoomed into it to 300% around the same area. And I did the same with the DocRocket viewer looking at a DocRocket encoded version of the same map. In each case - I took a screen capture of the image and reproduce them below so that you can compare the quality of the images:

300% Zoom on the PDF version
of the tube map:
300% Zoom on a GIF version
of the tube map:
300% Zoom on a DocRocket
version of the tube map:

So - you can see that although the image quality of the DocRocket version is slightly inferior - it's still very usable - and actually quite remarkable considering it's zoomed in 300% on the tube map. Just look at the GIF version! Practically useless at this zoom level! (And actually useless at the 100% size - due to the tube map being packed with so much detail - it's just not possible to read the map without zooming in.)

So -the 64,000 Euro question is: "just how much is the DocRocket quality-compromise worth when compared to PDF?" Well - this is where it gets interesting! If you have gotten this far - then you need to be able to judge for yourself: you can download the DocRocket viewer free of charge from their download page - trust me - there are no pesky forms to fill in and no registration codes etc. the installation is very straightforward.

And here is the result. (Be sure to have installed the free DocRocket browser plugin from the LizardTech website before viewing!)

When you have installed the DocRocket plugin - try the comparison for yourself! Try clicking on the link to the PDF version of the maps - these will bring up the maps from the London Underground or Transport for London's (TfL) official websites. Try panning and zooming in and out of these maps. And then try the same with the DocRocket versions. Take care to notice how much less time you have to wait for the map to appear in your browser - and when you pan and zoom - ask yourself whether you could live with the quality of the map. In particular - notice how when you zoom into the DocRocket version of the maps - right up to say 1500% - you don't get the same "noise" (chunky pixellations) that you get when you zoom into GIFs at that magnification.


Standard Tube Map

Click here to view it
from LU's official website
Size = 1.33 MB

Click here to view it
from this website.
Size = 84 KB !

That's a reduction in file size to under 1/16th of the PDF!

Tube Access Guide

Click here to view it
from LU's official website
Size = 201 KB

Click here to view it
from this website.
Size = 50 KB !

That's a reduction in file size to under 1/4 of the PDF!

Tube Access Guide (Index)

Click here to view it
from LU's official website
Size = 439 KB

Click here to view it
from this website.
Size = 74 KB !

That's a reduction in file size to under 1/6th of the PDF!

Large Print Map

Click here to view it
from LU's official website
Size = 150 KB

Click here to view it
from this website.
Size = 41 KB !

That's a reduction in file size to under 1/4 of the PDF!

Large Print Map (Index)

Click here to view it
from LU's official website
Size = 44 KB

Click here to view it
from this website.
Size = 24 KB !

That's only nearly half the size.

London Connections

Click here to view it
from LU's official website
Size = 220 KB

Click here to view it
from this website.
Size = 88 KB !

That's less than a third of the PDF.

Large Black & White

Click here to view it
from LU's official website
Size = 254 KB

Click here to view it
from this website.
Size = 47 KB !

That's a reduction in file size to under 1/5th of the PDF!

London Buses - Streetmap of Central Zone

Click here to view it
from TfL's official website
Size = 311 KB

Click here to view it
from this website.
Size = 217 KB !

Not much of a reduction in size.

London Buses - Spider Map of Bank Area

Click here to view it
from TfL's official website
Size = 116 KB

Click here to view it
from this website.
Size = 59 KB !

That's a reduction in file to nearly half of the PDF!

London Buses - Spider Map of Hammersmith Area

Click here to view it
from TfL's official website
Size = 252 KB

Click here to view it
from this website.
Size = 67 KB !

That's a reduction in file size to nearly 1/4 of the PDF!

So - what do you think? Are the maps practical and useable?

(PocketPC users: the folks at LizardTech have a PocketPC version of the browser plugin I think.)

Go to my blog to leave comments/thoughts etc.