Warning: Can't synchronize with repository "(default)" (/home/git/ome.git does not appear to be a Git repository.). Look in the Trac log for more information.
- Timestamp:
-
02/18/11 08:02:51 (13 years ago)
- Author:
-
atarkowska
- Comment:
-
Legend:
- Unmodified
- Added
- Removed
- Modified
-
-
Property
Status
changed from
reopened
to
closed
-
Property
Remaining Time
changed from
2
to
0
-
v15
|
v18
|
|
3 | 3 | The most efficient way to provide high resolution image on the web can be achieved by making an "image pyramid" out of the source image and cut it into small tiles. Whenever the user requests a portion of the image only the needed tiles of a level are sent to the client's browser. However, since this tiles are loaded by the client's browser or can be accessed over http, they can be easily reassembled (stitched back together), thus restoring the entire original image. |
4 | 4 | |
5 | | Instead of sending the tiles directly to the browser it could put them first together on the server side and only then send the requested portion as one picture to the client. Neither the tiles nor the original image are ever loaded by the client. Optionally could crop from the original image without making the tiles. |
| 5 | How the "image pyramid" is built: |
| 6 | We take a single height resolution image, break it up in to the tiles, stores those tiles in different resolution, and dynamically load pieces we need when we need those. |
6 | 7 | |
| 8 | Levels: |
| 9 | - 0 -> 1 tile |
| 10 | - 1 -> 4 tiles |
| 11 | - 2 -> 16 tiles, etc. |
| 12 | |
| 13 | '''Examples''' |
7 | 14 | - http://www.ajax-zoom.com/ |
8 | 15 | - http://lab.gianiaz.com/jquery/gzoom/ |
1.3.13-PRO © 2008-2011
Agilo Software all
rights reserved
(this page was served in: 0.20792 sec.)