Back
Image Responsive Preview | Smartphone & Tablet View Check
Upload one image and check how it scales on smartphone/tablet viewports from your PC. Includes font-size scaling hints for ad/LP checks. All in your browser — no uploads.
Input
PC preview tool: images stay in your browser.
File: Not selected
Image size: —
e.g., 1200 (PC comp width), 1080 (SNS square)
Preview
Upload an image to see how it looks on smartphone and tablet.
Font Size Scale Check
| Design Font | Phone 390x844 | Phone 412x915 | Tablet 768x1024 | Tablet 820x1180 | Tablet 1024x1366 | Tablet 1440x960 | Tablet 800x1280 | Tablet 744x1133 | Custom Device 100x100 |
|---|---|---|---|---|---|---|---|---|---|
| 48px | 15.6px | 16.5px | 30.7px | 32.8px | 41.0px | 57.6px | 32.0px | 29.8px | 4.0px |
| 32px | 10.4px | 11.0px | 20.5px | 21.9px | 27.3px | 38.4px | 21.3px | 19.8px | 2.7px |
| 24px | 7.8px | 8.2px | 15.4px | 16.4px | 20.5px | 28.8px | 16.0px | 14.9px | 2.0px |
| 16px | 5.2px | 5.5px | 10.2px | 10.9px | 13.7px | 19.2px | 10.7px | 9.9px | 1.3px |
Guideline: 16px+ recommended / 14px+ minimum readable.
Image Responsive Preview: Guide
- Intent
- Upload one creative image and preview how it appears on common smartphone/tablet viewport sizes before publishing ads or LP assets.
- What it does
- Shows your uploaded image inside multiple device-sized preview frames and calculates font-size scaling based on your design base width.
- Key features
- Phone + tablet viewport previews, Design base width control, Font-size scaling table, Local-only processing
- Privacy
- Runs locally in your browser. Uploaded images are not sent to a server.
- Best for
- Ad creative checks before campaign launch
- LP hero image checks for mobile readability
- Teams validating text size shrink on small screens
- Why this tool
- Fast visual check across multiple devices on a desktop workflow
- Numeric font-size scale estimates alongside visual preview
- No upload pipeline; quick iteration in-browser
How to use
- 1Upload your image file.
- 2Set the design base width (e.g., 1200 for desktop comps).
- 3Review phone/tablet frame previews.
- 4Enter key font sizes (comma separated) and check scaled px values.
Common mistakes
- Using the wrong base design width, which distorts scaling estimates.
- Treating this as a full browser/device emulator (it is viewport-scale preview).
- Ignoring safe areas/margins from ad platform templates.
Examples
LP hero validation
Image: hero-banner.png
Base width: 1200
Font sizes: 48, 32, 24, 16
Check if mobile scaled values stay above your readable threshold.
Ad creative check
Upload one ad image
Compare Phone 390 / Tablet 768 previews
Confirm headline remains legible before publishing.