Реализация Zoom а.
 

Сделал зум. Он увеличивает одну картинку. Но если картинка огромная, то она вынуждена будет загрузиться вся, чтобы ее можно было увидеть при зуме каких-то 10%. Задумался сделать 3 картинки, каждая из которых будет загружаться при определенном уровне зума. Но тогда получается, что общий размер, если придется загрузить все 3 картинки, будет превышать размер простой 100% картинки.
А потом задумался, как сделать так, чтобы при зумировании загружалась только та часть, которая в данный момент находится в окне просмотра. Еще было бы хорошо чтобы картинка упрощалась при зуме меньшем чем 100% на некоторую величину.
Ничего в голову не приходит. Возможно ли это на уровне javascript?

Нашел, что нечто подобное можно сделать с помощью SVG графики. Правда тут изначально приходится работать в векторном формате.
И как всегда, IE не дружит с SVG. Все же хотелось бы услышать совета более сведущих в Web-дизайне людей.

нет, с помощью JS уменьшить "вес" картинки (файла) на стороне браузера нельзя.