Preview
The preview window provides a real-time view of your sprite at any magnification. Keep it open while editing to evaluate animation timing, tiling seams, and overall composition.
Navigation
- Move: drag directly on the preview image.
- iOS: use the zoom slider, or double-tap the image to cycle through preset zoom levels. The image recenters when the cycle returns to its starting point, not on every double-tap.
- Desktop and Android: use the window's zoom controls; choose Fit to View to fit and center the image. You can also zoom with a mouse wheel or a pinch gesture on a touch device.
See zooming and centering reference images or previews for the platform-specific steps.
On iOS R55+, the preview header can hide extra controls behind an action bar toggle. Tiled Mode and playback now live there, Resprite remembers the last visibility state, and the preview shares the same zoom-step ladder as the canvas and reference-image views, including zooming out to 1%.
On iOS R58+, panning and zooming in the Preview window keep the preview content from moving completely out of view, so you can recover the image without manually resetting the window.
On iOS R56+, the same action bar also includes Grayscale Preview. It switches both the Preview window and the main canvas to grayscale, so you can check values without applying a destructive colour adjustment to the sprite.
On Desktop and Android v1.30.2+, Grayscale Preview can also be used from the preview workflow.
Animation playback
Tap the play button 
in the header to preview the current timeline. The preview respects frame timings, onion skin visibility, and loop mode settings from the main canvas.
Tiled Mode
Use Tiled Mode to inspect seamless textures or repeating backgrounds directly in the preview window.
- Create a selection for the area you want to tile (or leave blank to tile the whole canvas).
- Tap the tile icon in the preview header and choose the tiling direction or tile profile.
On iOS R57+, the Preview window uses the same Tiled Mode display range as the main canvas and brush preview. The range is configured in Preferences ▸ Canvas, and isometric diamond or hexagonal tile profiles can preview non-rectangular repeats while you draw.
Brush preview
Toggle the brush cursor in the preview window to see where you are drawing relative to the whole image.
Mirror preview
Use the horizontal and vertical flip buttons in the preview header to check how your animation reads when mirrored, for example when testing left- and right-facing idle cycles. These controls flip only the preview image; the underlying sprite data is not modified.
The flip buttons stay in sync with the current preview orientation so you can always see whether mirroring is active.