Skip to content
SliceForge
← All free tools

LOCAL FILES. INSTANT WORKFLOW.

UI Scale Previewer

Preview a UI asset at desktop, mobile, and Steam Deck resolutions.

See what you’ll get ↓
  1. Add a panel or UI image
  2. Compare devices and scaling
  3. Download a viewport preview
● Local processing · Files clear on refresh
Start with a UI assetDrag and drop here, or browse your device

PNG, JPEG, WebP · 8,192-pixel sides / 32 megapixels

Your preview will appear here

Start with a UI asset, then follow the settings below.

See an example of the output ↓

Adjust your result

Fixed pixels keeps the original image size. Proportional scales it against your reference viewport width; start at 1920 for a desktop design.

A useful tip

Compare 1080p, 1440p, Mobile, and Steam Deck. This centers one asset; it does not simulate an entire responsive layout.

Choose a file above, then adjust these settings.

Centered asset simulation, not a responsive layout engine. Large assets may be clipped by the selected viewport.

Next: prepare your files, then download them below.

WHAT YOU’LL GET

See how your asset fits.

Illustrative example
01 / INPUT
PLAYOne source asset

One UI asset

02 / OUTPUT
PLAYCompare fixed and proportional sizes

A preview at your chosen resolution

Included in your download

  • Selected viewport · PNG
  • Preview settings · JSON

The download uses the full viewport resolution. Large assets may clip, making size problems easier to spot before engine testing.

Example only. Your actual result appears in the workbench after you prepare it. Download before refreshing; files stay in this tab.