For Quadrant to display an image, it has to be broken into tiles. Quadrant downloads the tiles and renders them as the user moves to different sections of the image. This helps load the entire image gradually and only use the portions of the image that the user requested. The tiles need to follow the following naming convention:
A name prefix followed by a number sequence and finished by the .jpg extension. For example
image-small-1.jpg
images-mall-2.jpg
image-small-3.jpg
...
Tiles must also be 128px x 128px in size
The number sequence must start at the top left corner moving from left to right, and then to the next row. The following image illustrates how an image can be sliced in tiles and then named:
The Image Slicer 2
You can use the image slicer provided in this project in the Quadrant Image Slicer.zip file. It is a console application that runs in windows.
- Extract the contents of the zip file.
- Open the file QuadrantImageSlicer.exe.config and enter the following information:
- Specify the image you want to slice in the xml element image_uri.
- Specify the folder where the tiles are going to be saved in the xml element output_folder. You must create the folder before running the tool.
- Specify the image prefix in the xml element imagenameprefix.
- Open the cmd console and run the file QuadrantImageSlicer.exe