Of course, the easiest way to use Placeit is to "Grab Screenshot from URL" button, but what if you don't have the website uploaded to a server yet, or you just want it more customized? Then you have to use your own image.
The difficult part is getting the screenshots to the perfect dimensions. For this task, I turned to Xcode's iOS Simulator.
The iOS simulator is fairly easy, though you can't completely get rid of the browser chrome. Also, as I'm sure you already expected, it only works for the iDevices in Placeit. You can get Xcode free off the Mac App Store.
It's really quite simple:
- You'll have to start with Xcode in your dock. With Xcode running simply control-click on the icon. A little ballon with pop up. Move your cursor over Open Developer Tool, the click on iOS Simulator. An iPhone should appear on your screen!
- Chose your device from the hardware menu. This should be the save device that you are going to frame it with.
- Launch Mobile Safari, and navigate to your page. When you have everything to you liking, in the top bar go to File > Take Screenshot. It will save to your desktop.
- Tada! Drag-n-drop it into the frame of you're choosing, and you're done!