Previewer

See the page you're on in an iPhone, Pixel or iPad frame with one click, and save a transparent PNG.

Previewer shows the page you're on inside a realistic phone or tablet frame with one click, and saves it as a clean, transparent PNG. Chrome's device mode is built for debugging. Previewer is built for looking: one click puts the page into an iPhone, a Pixel or an iPad, you flip between a few devices that matter, and you save a picture for a slide, a pull request or a message to a client. WHAT YOU GET • iPhone 18 Pro, iPhone SE, Pixel 11 and iPad Pro 11" at their real CSS viewport sizes • The page is loaded at the device's width with the device's User-Agent, so media queries, responsive images and mobile HTML behave like on the phone • A status bar that takes the page's theme colour, like a real phone • Screenshots as transparent PNGs with a vector-drawn frame, at your screen's full resolution • Copy the screenshot straight to the clipboard and paste it into Slack, Figma or Keynote • Switching device keeps your place on the page SHORTCUTS • Alt+Shift+P: open or close the preview • ⌘1–⌘4 / Ctrl+1–Ctrl+4: switch device • ⌘S / Ctrl+S: save a screenshot to Downloads • ⌘C / Ctrl+C: copy the screenshot • Esc: close PRIVATE BY DESIGN Previewer does nothing until you click it, and then only on that tab. No account, no analytics, no network requests of its own. Your settings stay in Chrome on your computer. Free and open source (MIT): https://github.com/royandre/previewer