Chapter in this post:
As a web designer or app developer, you are sometimes faced with the challenge of presenting your work beautifully for customers, the app store or for other occasions. Instead of a pure screenshot, it is better to choose a photo in which an iPhone is shown, on whose screen the screenshot can be seen. You know this for sure if you have looked at apps in the Apple App Store and an iPhone is displayed there.
Since complex lighting conditions, moiré patterns and reflective surfaces make it very difficult to take such photos yourself, it is best to use appropriate templates in which you can incorporate your own screenshot. The result is then called a mockup - in our special case: iPhone mockup.
For me as a blogger, such an iPhone mockup tool doesn't seem that interesting at first, but I still use it quite often. In my case, I use it to create featured images for blog articles in which I write about certain apps or error messages.
The pure screenshots are less suitable for sharing on Instagram or Pinterest, but if you build them into a chic mockup, they usually turn out to be quite appealing photos that can be shared.
Since I would like to work with such contribution images more often (if there is no photogenic product), I started looking for a mockup tool at Placeit.net landed. The portal offers logo templates, video intros and thousands of mockups for a wide variety of products such as books, T-shirts, bags, packaging, hoodies and of course for Apple products such as iPad, iPhone, MacBook, iMac and Apple Watch.
The number of mockups is also impressive: If I search for the "iPhone 11 Pro Max" model, I get over 70 different mockup templates for this particular iPhone alone. If I don't narrow down the search and search through all iPhone mockups, I end up with almost 2000 mockups.
For developers designing both a Mac app and an iOS app, it may be interesting to have a mockup that includes an iMac, MacBook, iPad, and iPhone. Placeit also offers appropriate templates for this, in which you can upload your own screenshot for each device.
With the iPhone mockups, the results can even be filtered according to specific models. The following iPhone models are currently stored in Placeit's mock-up database:
The great thing is that new iPhone models are updated with new mockups in a timely manner. But even for older models there are often iPhone mockups that are new and expand the already good selection.
The resolution that Placeit offers is 1920 x 1280 pixels in landscape format and 1242 x 2688 pixels in portrait format. There are also a few other formats, but this is where the resolution of the photos moves.
At the top of the post is a mockup my article on Quick Look. This picture has a resolution of 1920 x 1280 pixels, which at 300 dpi would be about 16 x 11 cm in size without any loss of quality in a print product. That is not enough for a DIN A4 full format print, but it is easily enough for an article in a magazine.
Of course offers Placeit.net do not offer this service for free. If you need a mockup for the iPhone or other Apple devices, you can choose between these three price models:
For me as a blogger, the annual subscription is definitely interesting because I often write posts in which screenshots should be placed appropriately - if not in the post, then at least on social media, where you always post a picture for each post should that looks reasonably appealing.
Jens has been running the blog since 2012. He appears as Sir Apfelot for his readers and helps them with problems of a technical nature. In his free time he drives electric unicycles, takes photos (preferably with his iPhone, of course), climbs around in the Hessian mountains or hikes with the family. His articles deal with Apple products, news from the world of drones or solutions for current bugs.