Skip to main content
S
SMGI
Inspiring
August 13, 2008
Question

Handling high resolution images

  • August 13, 2008
  • 2 replies
  • 529 views
Is there a way to handle high res images similar to what Google does with their maps; only the part that is visible is rendered?
This topic has been closed for replies.

2 replies

S
SMGIAuthor
Inspiring
August 14, 2008
Probably large dimensions. Bottom line is that I need images that people can zoom in on tight for product details. I've seen some applications when you zoom in or out, you can tell the image is re-drawing/re-rendering like a progressive download. It appears that the image hasn't fullly downloaded, just the part that is visible.

I'm assuming the solution lies somewhere in the BitmapData like you mentioned, but I'm just not sure where to start.
A
Andrei1-bKoviI
Inspiring
August 14, 2008
My experience in dealing with BitmapData is that Flash rendering engine is pretty fast. I had to develop an application where I loaded literally dozens of images with dimensions around 700px and then downsize them and redraw bitmap. To my pleasant surprise whole cycle was taking milliseconds. In addition I saw many other applications where guys redraw bitmaps with a great deal of success and efficiency.

As I understand your case you want zooming to be smoothly animated. Perhaps it will look slick if you keep a large original image's bitmapdata and redraw a new bitmap, say on ENTER_FRAME of with a timer, based on the original image - not using a previously changed image. This way you will get a good quality all the time as long as a resulting image is not larger than the original. Performance will be even better if your zooming is discretional (has less steps without animation).

As for the other Flash zooming examples we see on the net - in a lot of case filters are applied to spice it up. Not Google-like HTML-based image zooming though. My understanding is that Maps are redrawn server side and split into several sectors for faster loading. I may be wrong in Google case though.
S
SMGIAuthor
Inspiring
August 20, 2008
Thanks for the input. At least now I have a direction.
A
Andrei1-bKoviI
Inspiring
August 14, 2008
Do you mean high res as in dpi or splitting large images (with large dimensions) into sections?

As for high res images - my experience is that Flash 9 is handling images higher than 150 dpi poorly. It is better if images have resolution less than that (after all, who needs a res that high for the screen?).

As for the large dimensions - Flash can take the images up to 2800 pixels (I believe) in both hight and width.

You can definitely manipulate the images by manipulating bitmap data (pixels array) and repurpose them to your liking.
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices