Typically, the more pixels, the greater the detail that can be observed within an image. In an interactive movie, this detail can be seen simply by zooming in.
Unfortunately, more pixels equals a larger file size. To make the image download friendly, we need to break the image down into small chunks rather than keeping it as one whole image. To do this, we use multiple levels of resolution and tiled images.
Here’s an example of the use of multiresolution. Go ahead and zoom in.
To learn more about it check out the video below. Following the video is the text version of the video tutorial.
- Add an HTML5 output format.
- Go to the Multiresolution tab.
- Enable the feature by selecting Enable. Immediately, a pop-up window appears asking if levels should be automatically added. Choose, Yes. The Levels section will now be populated with levels.
- Add more levels as needed/desired, by clicking, Add, in the Levels section.
- TIP: Add as many levels that are needed until the highest level is the same as or lower than the tile size.
- In the Basic Settings section, change the Level Tile Size to best fit the project.
- TIP: Choose a size that is evenly divisible by each level. It is possible that this just happens to be the lowest (least resolution) level. Although, check the math anyway to avoid uneven tiles.
- Choose a filename template. The default,
tile/c%c_l%r_%y_%x.jpg, will place the tiles in a folder called, tiles, and the file will be named with the cube face number (%c), levels in reverse order (%r), and tile coordinates (%y, %x). See: System Placeholders
- Choose which levels, if any, should be embedded by selecting the box under the column, Cache at startup.
- NOTE: Embedding levels will increase the output file size.
- TIP: If handing a project over to a client, embedding every level may be convenient.
- Leave the Advanced Settings at their defaults. And finally, click OK.
- Click, Yes to output the file.