1 person found this helpful
Your canvas dimensions and jpg filesize is way 'over-the-top'.
A comfortable filesize is 1-2mb jpg, but 50mb!
Is this image optimized? Example via Photoshop Save for Web jpg output. You have the option of lowering the imahe quality to further reduce filesize.
Is the image higher than a 72dpi? If it is, reduce it to this value. Images viewed in the browser does not need to be anywhere above this dpi value.
Hey heathrowe, thanks for your fast reply
I'll see what I can do to reduce the filesize, but I doubt that I will be able to get it down to 1-2 mb jpg. The problem is that I have to zoom in pretty far into that image, obviously without having it become very pixilated.
In case I can't reduce the file to a workable size without losing the standard of quality that is need, does anyone have an idea how I can achieve what I want?
I have a big image (kind of like a big map) where I want to be able to zoom in very close and pan around.
You definitely want to check into something like http://www.zoomify.com/html5.htm or roll your own. It's a common problem but you handle it with a huge graphic, unless you don't care if everyone leaves your site ;)
Okay, I will check that out, but I fear it's not going to get me where I want (I dont want the user to scroll for him/herself, I want to use Edges functionality).
What do you reckon (roughly) is the biggest filesize for the jpg that would still be doable? Can I get away with 5mb? (I don't have to worry about losing people with a long preloader, just the animations need to run smooth)
Message was edited by: Ms. Charcoal
What exactly is the image you are using?
The reason I ask, if it is a map, AND it was originally created as vector (ala Illustrator, Corel or vector graphics program), you may have better luck reducing the size on output. On that note, alternatively, output to .svg may also produce better file size.
Sadly, it's not vector-based, it is a mixture of line drawing and photography. I am currently scouting through the web for tutorials to reduce filesize - therefore my question with what I can get away with - I have now reduced it to 6mb and 6000x6000, a size that would still work quality-wise...
Ah - that explains the large file size.
Because I just a test in Illustrator using a vector map of the world (11000 in width x 7000h), output to png under 3mb.
6mb is better than 50mb, though depending on end-user connectivity, you still may be testing their patience.
Bummer its not vector based, this script addition would have been perfect http://jqvmap.com/
Hey Ms. Charcoal,
Regardless of what you use to author your content, 50mbs of imagery is going to give you a really bad time since the browser has to go to extreme lengths to render that content. I'd be surprised if any modern browser could handle that. Keep in mind too some versions of iOS can have problems with images larger than 1024x1024. Some other questions; were you intending this to run offline or online? 50mbs is going to take an eternity to download.
Sorry not trying to be harsh, but you might want to rethink if this project is appropriate for the web. If you can give an idea of where your project will live and what you're trying to accomplish we might be able to help you with some creative solutions for optimization
Hi Charcoal, you have to use a service like http://imagefog.com/: you can manage very very large images (also so called "Gigapixel") on their server and pan-zoom in nanoseconds also on iPad! One of the authors has wrote for me a method to implement it perfectly in Edge Animate, let me know if is useful!