I would suggest you a couple of things
1.- try with panos wuth 1024 px size ( you could also try with 512px)
2.- upadte krpano to 1.17.2hope it helpls
1. Tiles with this size have to be of very poor quality to match the 10kb-size requirement.
2. Already updated 
I've already spent dozens of hours trying to solve this problem - maybe the krpano community will be able to help me.
I'm developing iOS panorama app using krpano viewer. It embeds the cube pano in the UIWebView. In the iOS 6 I used the tiles of very high quality (2048x2048, 4-5mb). Everything was fine. I had to stop developing the app and recently returned back to it. The problem is, that now, with iOS 7.1, it crashes.
At first time the UIWebView loads fine, everything works fast and cool. But when I close the view and open it once more, the application crashes with the following error:
Terminating app due to uncaught exception 'NSRangeException', reason: '-[WebCoreSharedBufferData getBytes:range:]: range {0, 4000} exceeds data length 0'I've tried a lot of things - to call [webView reload] on -viewWillDisappear, tried to load an empty page, fired a javascript which set document.body.innerHTML to an empty value, implemented -didReceiveMemoryWarning - dozens of things, but nothing has helped. It seems to be the problem with WebKit itself.
The only possible solution, which fixed the crashes was to use tiles of very low quality with the size 3-10kb. But the use of such panoramas in production is meaningless. I was testing the app on iPhone 5 and iPhone 4. On the simulator everything works fine.
Here is my current code for embedding the pano in the UIWebView:
- (void)viewDidLoad
{
[super viewDidLoad];
UIWebView *webV = [[UIWebView alloc] initWithFrame:self.view.frame];
[self.view addSubview:webV];
webV.delegate = self;
NSString* filePath = [[NSBundle mainBundle] pathForResource:@"krpano" ofType:@"html" inDirectory:@"old"];
NSURL *url = [NSURL fileURLWithPath:filePath];
[webV loadRequest:[NSURLRequest requestWithURL:url cachePolicy:NSURLRequestReloadIgnoringCacheData timeoutInterval:60.0]];
}This is krpano.html:
<!DOCTYPE html>
<html>
<head>
<title>krpano</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<style>
@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
</style>
</head>
<body>
<script src="embedpano.js"></script>
<div id="pano" style="width:100%;height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({xml:"krpano.xml", target:"pano", html5:"only", passQueryParameters:true});
</script>
</div>
</body>
</html>krpano.xml:
<krpano version="1.17" onstart = "startup();">
<action name="startup">
<!-- startup action (called from the onstart event) - slide-in the example-button-containers -->
loadpano('tour.xml');" />
</action>
</krpano>tour.xml:
<krpano onstart="startup();">
<action name="startup">
if(startscene === null, set(startscene,get(scene[0].name)) );
loadscene(get(startscene),null,MERGE);
</action>
<scene name="room1" title="Room 1" onstart="" thumburl="panos/room1.tiles/thumb.jpg" heading="0.0">
<view hlookat="-1" vlookat="11" fovtype="MFOV" maxpixelzoom="0.95" fovmin="20.0" fovmax="90.0" />
<image>
<cube url="mobile_%s.jpg" />
</image>
</scene>
</krpano>I would be very glad for any help, this problem makes me mad