Skip to main content

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.

  • Move – drag directly on the preview image.
  • Zoom – adjust the zoom slider /doc-imgs/zoom-slider.jpeg or pinch if you are using a touch device.
tip

Double-tap the preview to cycle through zoom levels and recentre the sprite.

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 Desktop and Android v1.30.2+, Grayscale Preview can also be used from the preview workflow. It lets you check values in the preview window without applying a destructive colour adjustment to the sprite.

Animation playback

Tap the play button /doc-imgs/preview-play-btn.jpeg 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.

  1. Create a selection for the area you want to tile (or leave blank to tile the whole canvas).
  2. Tap the tile icon in the preview header and choose the tiling direction.
/versions/r53/tiled_mode_types.png
Tiled Mode options
Tiled preview demonstration
Tiled preview walkthrough

Brush preview

Toggle the brush cursor in the preview window to see where you are drawing relative to the whole image.

/versions/r43/brush_preview.png
Brush preview in the preview window

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.