iPhone 17 Pro Mockup Generator

402 × 874 in portrait, which is the viewport Hoverify's responsive viewer renders your page at for this device. In landscape the two numbers swap. At a device pixel ratio of 3 that is 1206 by 2622 physical pixels.

It is Hoverify's own drawing of it, made from the published screen size, corner radius and bezel measurements and rendered as a transparent bitmap. Apple publishes its own device artwork, but the license does not allow it to be bundled into other software. The extension draws its own frames instead of bundling a manufacturer's, and this page shares those files.

1332 by 2748 pixels in portrait. That is 3 pixels per CSS pixel. Device screenshots taken in the extension come out at your display's pixel ratio.

Yes. The download list on this page has every finish as a WebP, which is the file the extension ships, and as a PNG decoded from it in your browser. The screen area is transparent in both, and there is no screenshot in the file. You can use either one in commercial work without crediting Hoverify. The device frames license has the terms.

Install Hoverify and open the responsive viewer. Add the iPhone 17 Pro and it loads your live page at 402 × 874 inside this frame, with Safari's bars drawn around it. Scripts on the page read the device's screen size, and the site gets the user agent set for the whole board, iPhone Safari unless you change it. With a phone or tablet user agent, your mouse also sends touch events in Chromium browsers.