Photography and Product Shots for Passport-Form Devices: Framing, Lighting, and Mockups for Foldables
photographyproductmobile

Photography and Product Shots for Passport-Form Devices: Framing, Lighting, and Mockups for Foldables

AAvery Bennett
2026-05-17
24 min read

A practical guide to foldable product photography, mockups, aspect ratios, lighting, and export settings for the iPhone Fold.

Foldables create a new kind of visual problem for creators, marketers, and product teams: the device is not one object but two states, two stories, and two screen geometries. If you’re building foldable product photography for the iPhone Fold, you need imagery that works when the device is closed like a compact passport and when it opens into a wider canvas that behaves more like a mini tablet. As 9to5Mac’s reporting on the iPhone Fold dimensions suggests, the closed device is wider and shorter than current Pro iPhones, while the open display lands around 7.8 inches diagonally, with surface area closer to an iPad mini than a Pro Max. That means your lighting, cropping, mockups, and export settings all need to respect two different audiences at once: the buyer scanning thumbnails and the buyer judging the device in a hands-on demo. For a broader look at how foldables are shifting expectations, see our guide on whether a foldable phone is worth it and our explainer on the dual-screen phone trend.

The good news is that once you build a repeatable system, foldable device marketing shots become easier than conventional phone photography. You’re not just taking pretty pictures; you’re designing a visual asset library that can power product pages, launch posts, short-form video thumbnails, ad units, and mockups for app testing. This guide gives you a practical production framework for computational photography, framing presets, aspect ratios, and export settings that make foldable assets look right in both the closed and open states. It also covers how to avoid the most common mistakes creators make when they try to force a standard phone workflow onto an unusual form factor. If you’re coordinating launch assets across teams, pairing this with announcement graphics planning can help keep the visual message consistent from teaser to release.

1. Why Foldables Need a Different Photography System

Closed-State Photos Are About Shape Recognition

When the iPhone Fold is closed, the visual job is to communicate that this is not a gimmick; it is a compact, premium, pocketable device with a deliberate passport-like silhouette. That means your hero image should prioritize outline clarity, hinge visibility, and edge highlight separation. The viewer needs to understand the device’s width-to-height ratio in under a second, especially in tiny placements like app-store style grids or social thumbnails. A normal smartphone shot often leans on tall vertical elegance, but foldables benefit from a broader, more grounded composition that makes the closed form feel intentional and easy to hold.

This is where composition for foldables starts to diverge from standard phone photography. Instead of centering the device in a symmetrical portrait frame, you often want a slight diagonal, a three-quarter angle, or a low-elevation perspective that emphasizes thickness without making the hinge look bulky. For more context on how form factor changes the value story, compare your visual thinking with our coverage of collector phones as keepsakes and elegant, work-ready styling, where presentation is everything.

Open-State Photos Are About Surface Area and Use Case

When unfolded, the device stops behaving like a phone and starts acting like a compact productivity canvas. Your image needs to show room for content: split-screen apps, reading layouts, note-taking, maps, or even a product mockup that spans both panels if your design system supports it. The mistake many teams make is to keep the same focal logic they used for the closed shot, which causes the open device to feel cramped or underutilized. Instead, think of the open-state image as a small stage set: the screen should breathe, the background should be quieter, and the display content should be readable even after downscaling.

If you want a useful mental model, think of open-state images the same way publishers think about breakout content: the surface area matters because there is more room to tell a story, but only if the viewer can parse the story instantly. This is why mobile display testing should be part of your capture workflow, not an afterthought. Your open-state mockups must survive being viewed on a phone screen, in a web hero, and inside a compressed social card.

One Device, Two Asset Families

For foldables, you should create at least two separate photo families instead of trying to reuse one master image everywhere. The closed family focuses on silhouette, finish, color, and portability. The open family focuses on utility, screen content, and scenario storytelling. This is also how you make your library scalable for ads and product launches: every asset is tagged by state, angle, crop, and context. If your team has ever struggled with inconsistent file naming or scattered assets, the workflow discipline in building observability into feature deployment is surprisingly relevant here—good visual systems need versioning, tracking, and clear state definitions.

2. Aspect Ratio Presets That Actually Work for Foldables

Choose Ratios Based on Distribution, Not Habit

The best aspect ratio presets are the ones that match where the image will live. A foldable product shot used in a website hero is not the same as a thumbnail used on YouTube, and neither is the same as a PDP gallery image or an in-feed ad. For closed-state images, 4:5 and 1:1 are usually the safest starting points for social and commerce. For open-state images, 16:9 and 3:2 often work better because they give the unfolded screen enough horizontal room to feel like a workspace. The point is to design from destination backward, not from camera output forward.

Here’s a practical comparison you can use when planning foldable product photography, device marketing shots, and mockups:

Use CaseRecommended RatioBest StateWhy It WorksCommon Mistake
Product page hero16:9 or 3:2OpenLeaves space for headlines and contextOver-cropping the hinge or screen edges
Social feed post4:5ClosedMaximizes mobile screen real estateUsing a tall phone composition that makes the device look narrow
Square gallery tile1:1Closed or openGreat for catalog consistencyPlacing the device too centrally with no breathing room
Thumbnail optimization16:9ClosedReadable at small sizesToo much detail in background props
App/demo mockup9:16 or custom canvasOpenSupports UI overlays and product UI demosUsing a ratio that clips the screen or toolbar

If you want to think more strategically about why ratio selection affects conversion, pair this with our article on how to build a deal page that reacts to product and platform news, where layout decisions directly influence click behavior. The same principle applies to device imagery: the ratio is part of the message, not just a technical constraint.

Build Ratio Presets Into Your Shoot List

Instead of deciding crops after the shoot, build aspect ratio presets into the brief. That means listing every required delivery format before the camera comes out: 1:1 for marketplace grids, 4:5 for Instagram and LinkedIn, 9:16 for short-form stories, 16:9 for landing pages, and any custom ratio needed for in-product mockups. Once you define those presets, you can compose with safe margins rather than hoping the crop can be saved later. This is especially important for foldables because the hinge position and the screen edges create “hard boundaries” that cannot be fake-recovered in post.

One practical trick is to create transparent framing guides in your camera monitor or tethered capture software. Mark the closed-state safe zone as a slightly off-center vertical rectangle, and the open-state safe zone as a horizontal canvas with generous bleed. You’ll save hours in post, and your final files will feel much more intentional. For creators who already think in output presets, our guide to building a low-cost chart stack is a useful analogy: the best system is the one you can repeat under pressure.

Thumbnail Optimization Starts on Set

Thumbnails live and die by legibility, not perfection. If the foldable is destined for a small preview box, you need strong silhouette contrast, a restrained palette, and at least one visually obvious distinction between the closed and open states. A white foldable on a white background may look editorial in a full-size gallery, but it often collapses into mush at thumbnail scale. The same is true for busy lifestyle props. Keep the background simple, keep the subject large, and leave enough negative space for overlaid text if your design team uses it.

Pro Tip: If a closed-state shot can’t be recognized in a 120-pixel thumbnail, it’s not finished. The best device marketing shots are designed for the smallest screen first, then scaled up.

3. Framing Presets for Closed and Open iPhone Fold Shots

Closed-State Framing: Make the Passport Shape Feel Premium

Because the closed iPhone Fold is wider and shorter than standard Pro models, your framing should respect that geometry rather than fighting it. Use compositions that give the device horizontal confidence: low tables, landscape orientation, subtle diagonals, and props that echo the width of the handset. A coffee cup, slim notebook, or travel wallet can reinforce the passport-form story without looking like random lifestyle clutter. You want the device to feel like a refined object you can carry anywhere, not just another slab in a sea of slabs.

Angles matter here more than most teams realize. A straight-on flat-lay can make the foldable look anonymous, while too much perspective can exaggerate thickness and make it seem bulky. The sweet spot is often a 20–35 degree angle with a slightly elevated camera position, especially if you want the hinge to catch a clean highlight line. That keeps the object dimensional while still readable for ecommerce and editorial use.

Open-State Framing: Give the Screen a Job

Open-state shots should answer one question: what becomes possible when the device unfolds? If the screen is blank, your shot must still have a purpose. Show a map, document, split-screen productivity scene, or content layout that benefits from extra width. When possible, align on-screen content to the screen’s geometry so it feels designed rather than pasted in. This is where strong mockup discipline pays off, especially for creators publishing launch assets or product demos.

For visual inspiration on state-driven storytelling, the logic behind audience segmentation applies surprisingly well: different screen states serve different user needs, so your imagery should segment the message as carefully as a campaign segments the audience. The closed state says “portable.” The open state says “capable.” Your framing should make that distinction instantly obvious.

Composition Templates You Can Reuse

Here are three composition presets that work well for foldables and are easy to repeat across launches. First, the “Travel Ready” preset: closed phone on a textured surface with one accessory, shot at a shallow angle, leaving room for title text. Second, the “Work Mode” preset: open device with a document or multitasking screen, shot wider, with negative space on one side for copy. Third, the “Reveal” preset: a sequence showing closed-to-open transition, useful for motion graphics, carousels, and teaser content. These templates reduce decision fatigue and make every shoot feel connected.

Creators often underestimate how much consistency helps when building a library of reusable assets. If your marketing team already works from repeatable systems, the discipline in vertical integration storytelling is a great reference: the message gets stronger when every stage supports the next. With foldables, each shot should support a distinct campaign job.

4. Lighting Setups That Make Hinge, Glass, and Finish Look Expensive

Soft Key Light for the Body, Controlled Specular for the Edges

Foldables are unforgiving when lit poorly because they have multiple reflective planes, a hinge seam, and often a finish meant to communicate luxury. The safest foundation is a large, soft key light that shapes the body without creating harsh hotspots. From there, add a controlled rim or strip light to define the edges and separate the device from the background. This gives you the “premium object” look without turning the screen into a mirror.

Pay extra attention to the hinge area. If you blow out the highlight, you lose detail; if you underlight it, the fold gets visually lost. The goal is a clean highlight that suggests precision engineering. A subtle gradient across the body often photographs better than a flat, evenly lit surface because it gives the viewer a sense of curvature and depth.

Diffusion, Flags, and Polarization

For product shots of glossy devices, diffusion alone isn’t enough. You need flags to shape reflections and keep the screen content readable. If you’re shooting with a mirror-like surface or a dark glossy finish, consider cross-polarization to reduce unwanted glare, especially on the closed state. On the open state, you may prefer a little controlled reflection because it helps the screen feel alive rather than synthetic. The trick is to control reflections, not eliminate them entirely.

If you’re coming from other product categories, think of it as similar to how smart home devices are protected and presented: visibility and control matter more than total removal of complexity. The polished look comes from managing what the viewer sees, not hiding every surface cue.

Color Temperature and Background Matching

Use lighting temperature to support the brand story. Cooler light can emphasize precision, glass, and tech-forward minimalism. Slightly warmer light works better when you want the foldable to feel lifestyle-oriented, approachable, and less clinical. Backgrounds should complement, not compete with, the device finish. If the phone has a warm titanium tone, a slightly cool shadow palette will help it pop; if it has a dark finish, a midtone background with dimensional texture can prevent the phone from disappearing.

For creators used to making editorial images, this is the same reason fashion styling depends on contrast and silhouette. The best foldable product photography uses the same logic: strong shape, clear edge separation, and a palette that supports the hero subject.

5. Mockups for the Open Screen: Designing for Real Display Behavior

Match the Mockup to the Actual Content Format

A foldable mockup fails when the screen content looks generic. If you’re previewing an app, website, or campaign creative on the open iPhone Fold screen, the content should reflect the likely use case: split-screen workflows, reading, sketching, email, or video playback. The open canvas is not just a bigger phone view; it’s a different behavioral state. That means your mockup should include UI that changes the perceived value of the device.

When building assets for complex systems, the principle is to map the model to the real-world behavior. The same is true here: if the mockup does not match how people will actually use a foldable, the image becomes decorative instead of persuasive. Use realistic bezels, screen curvature assumptions, and proper content scaling to avoid the “floating wallpaper” problem.

Use Safe Areas for Hinge and UI Overlays

The open state may have hinge-related constraints, even if the display appears continuous. Your mockup layout should preserve a comfortable safe area around the center fold region, especially for text, important controls, and faces in photography. Avoid placing critical interface elements directly where the viewer’s eye is already drawn to the seam. Instead, use the fold line as a structural divider or visual guide, not a busy content zone. That will make the mockup feel more believable and less like a generic tablet screenshot squeezed onto a phone body.

For teams that ship product pages at speed, think of this like the sequencing discipline in real-time customer alerts: put the most important information in the most reliable zone. In mockups, reliability means readability under compression and across devices.

Mockups Should Test UX, Not Just Look Pretty

One of the best uses of iPhone Fold mockups is to test whether your design still works when the screen changes shape. That includes typography scales, image crop behavior, tap target spacing, and whether a two-column layout becomes a visual mess. If your visual team can export mockups in both closed and open states, your product and marketing teams can review the experience side by side. This is especially helpful for launches involving app demos, content apps, publishing tools, and creator workflows.

If your team already works with multi-step asset pipelines, the logic in modern marketing stacks is relevant: the value comes from connecting the parts into one usable system. Foldable mockups should do the same thing for design, product, and marketing.

6. Export Settings for Web, Social, and Product Pages

Sharpen for the Final Destination, Not the Camera Sensor

Export settings should be tuned to the target platform. For web hero images, high-quality JPEG or WebP is often the best balance of clarity and file size. For social, you should export slightly sharper than you think you need, because platform compression will soften edges and reduce perceived contrast. For product pages, preserve enough detail in the hinge, buttons, and screen reflections to keep the device believable. A foldable without texture looks like a render; a foldable with too much contrast looks overprocessed.

Standardize your output presets. A strong baseline might include 3000 pixels on the long edge for hero assets, 2000 pixels for social crops, and a separate lightweight web version for mobile page performance. When your team is juggling a launch calendar, that kind of repeatability is as valuable as the time-saving lessons in reducing creator production costs.

Use Color Profiles and Compression Intentionally

Stick to sRGB for web distribution unless you have a controlled color-managed pipeline. Many foldable finish tones look different if they’re exported in the wrong profile or if the file gets over-compressed. Banding in gradients, especially around reflective backgrounds, becomes very visible on glossy product shots. Keep an eye on bit depth during editing, and flatten only when you are absolutely sure you won’t need to adjust later.

When preparing images for mobile display testing, create a side-by-side export set that includes the same shot in three sizes: full-resolution, web-optimized, and tiny thumbnail. This lets you catch issues like thin highlight lines disappearing or the fold silhouette becoming unclear. It’s also useful for stakeholder reviews, because non-designers often judge assets in a low-fidelity view first.

File Naming and Version Control

Good export settings include good file names. Use a naming convention that encodes device state, ratio, date, and version number. For example: iPhoneFold_closed_4x5_studio_v03.jpg or iPhoneFold_open_16x9_mockup_v02.webp. That sounds simple, but it prevents chaos when your creative team starts iterating for different channels. It also makes it easier to maintain a press kit or media folder with both final and working files.

Teams that manage campaigns across channels should treat visual assets like operational data. The same discipline that helps with feature deployment observability helps here: if you cannot tell which version is live, you cannot trust the results.

7. A Practical Shoot Workflow for Creators and Brand Teams

Pre-Production: Define the Story Before You Set Up the Lights

Before any camera gear comes out, decide what each image has to accomplish. Does the closed shot need to sell portability, luxury, or novelty? Does the open shot need to sell productivity, entertainment, or multi-tasking? Are you shooting for an ecommerce page, a launch article, a paid ad, or a creator review? These questions affect everything from the lens choice to the props. If you define the story up front, the shoot becomes faster and the results become more coherent.

This is where a launch brief should include a shot matrix, target ratios, delivery channels, and notes on any required UI mockups. It’s the same kind of planning logic used in temporary micro-showroom planning: know the audience, know the path, and design for real behavior rather than idealized behavior.

On-Set: Capture Variation Within a Controlled System

Once you’ve set your baseline, capture variations in angle, height, and orientation without changing the overall setup too much. For closed-state images, get at least one straight product hero, one angled lifestyle shot, and one close detail shot that emphasizes the hinge or finish. For open-state images, shoot at least one work-like composition, one entertainment-like composition, and one close composition that shows the screen interface clearly. This gives you enough diversity for launch needs without creating chaos in post.

Do a quick thumbnail review on set. Shrink the images down on a phone or laptop and make sure the device still reads immediately. If the fold is lost at thumbnail size, adjust the angle or lighting on the spot instead of hoping edit magic will rescue it. That simple habit can save an entire reshoot.

Post-Production: Build a Reusable Library

In post, create master files, platform crops, and mockup-ready versions. Keep layered files for anything that may need UI replacement, and make separate flattened exports for social and web. If you’re working with a team, document which files are color-managed, which are compressed, and which are intended for live use. The end result should be a library that can serve product marketing, creator reviews, press outreach, and future campaigns without starting from scratch each time.

For teams thinking about audience response and iterative testing, the mindset behind technical KPI checklists is helpful: define what success looks like, then measure it consistently. In visual work, success often means recognition, clarity, and conversion, not just aesthetics.

8. Common Mistakes That Make Foldable Assets Look Amateur

Forcing a Standard Phone Composition Onto a Foldable

The most common error is treating the foldable like a conventional bar phone. That usually leads to tall, narrow compositions that make the closed device feel awkward and the open device feel underwhelming. Foldables need room to breathe horizontally, and they often benefit from more negative space than a standard phone because the silhouette itself is the selling point. If the device just looks like another rectangle, you’ve missed the visual opportunity.

Another mistake is using props that compete with the shape. A thick notebook, chunky watch, or oversized accessory can overpower the device and confuse scale. Keep the supporting objects slim and intentional. The frame should help the viewer understand the device, not distract from it.

Ignoring Compression, Cropping, and Viewport Reality

A beautiful full-resolution image can fall apart in a browser card or social preview. Thin highlights disappear, fine text becomes unreadable, and dark backgrounds can crush detail. That’s why thumbnail optimization and mobile display testing belong in the production workflow. Always check how the image behaves at multiple sizes, especially if the final destination includes web compression or a platform crop.

Creators who already think about audience retention know this lesson well. The same ideas behind segmentation for immersive experiences and avoiding overpromising in announcements both apply here: the asset has to work where it’s actually seen, not only where it was approved.

Using Mockups That Overstate the Device

Mockups should be persuasive, but they should not lie. Overly idealized reflections, unrealistic UI scaling, and impossible hinge geometry make the asset feel fake. A good mockup respects the hardware, the light, and the human hand. The closer your mockup gets to physical plausibility, the more trust it builds with both consumers and internal stakeholders. That trust is especially valuable in categories where form factor is part of the value proposition.

If you want a useful comparator, think about how tablet alternatives are judged: specs matter, but believability matters too. Your foldable mockup has to sell both the concept and the reality.

9. A Launch-Ready Foldable Visual Checklist

What to Capture Before Publishing

For a complete foldable asset set, aim to capture the following: one closed-state hero, one closed lifestyle shot, one open-state hero, one open productivity shot, one detail close-up of the hinge or finish, one thumbnail-safe image, and one mockup-ready screen state. This gives you enough coverage for web, social, press, and internal review. If you’re planning a launch campaign, also capture at least one motion sequence showing the transition from closed to open, because that state change is the most distinctive part of the product story.

If your team is coordinating across channels and time zones, it can help to think like a newsroom. The same operational precision that supports real-time alerts and responsive deal pages makes launch asset management far easier.

What to Export for Every Channel

At minimum, export files for: product page hero, social feed, story/reel, thumbnail, press kit, and mockup review. For each, generate the crop that performs best in that channel instead of forcing one universal master to do everything. Make sure every export is named clearly and stored with its source file. If the iPhone Fold or any similar device is central to a campaign, you’ll quickly discover that channel-specific exports save time and improve consistency across the entire launch.

What to Review Internally

Before approval, review each image for recognition, readability, realism, and brand fit. Ask: can someone identify the foldable at a glance? Can they tell whether it is closed or open? Does the screen content look like a real use case? Does the lighting make the finish feel premium? These questions are more effective than subjective feedback like “make it pop.” If the asset answers those practical questions, it’s probably ready.

For teams that want to keep the process sustainable, adopting the same kind of structured decision-making seen in connected marketing stack workflows can reduce rework and keep launch visuals aligned with business goals.

10. Final Take: Shoot the Foldable, Not Just the Phone

Design for Two States, One Story

The biggest shift in foldable product photography is conceptual: you are no longer photographing one static object, but a device that tells a story through transformation. The closed iPhone Fold should feel compact, elegant, and immediately legible. The open version should feel useful, spacious, and more capable than its footprint suggests. When your framing, lighting, mockups, and export settings all reinforce that story, the product becomes easier to understand and easier to desire.

This is why the best assets don’t just look sharp; they work hard. They support thumbnails, landing pages, launch posts, and mobile previews without losing meaning. If you build your visual system around recognition, state clarity, and channel-specific output, your foldable assets will outperform generic phone shots every time.

Make Your Asset Library Future-Proof

Foldables will likely keep evolving, but the workflow here will still hold: define the state, choose the ratio, light for the material, mock up the display responsibly, and export for the platform. That’s the difference between one-off photography and a reusable creative strategy. For creators and product teams who want launch assets that scale, the combination of composition presets, thumbnail testing, and disciplined exports is the real advantage. In other words, don’t just shoot the hardware—build a system for the hardware’s story.

Pro Tip: If you can create a foldable image set that still makes sense when viewed at postage-stamp size, in a press kit, and in a full-screen product page, you’ve built the right system.

Frequently Asked Questions

What is the best aspect ratio for iPhone Fold mockups?

There isn’t one universal best ratio. Use 4:5 or 1:1 for closed-state social and commerce images, and 16:9 or 3:2 for open-state product pages and hero banners. If your goal is thumbnail optimization, test the image at small sizes first and choose the ratio that preserves the silhouette most clearly.

Should I photograph the closed and open states in the same lighting setup?

Often, yes, but with different emphasis. Closed-state shots usually benefit from stronger edge separation and a premium silhouette. Open-state shots usually need softer, more even light so the screen content stays readable. You can keep the same setup and adjust flags, fill, and background contrast to suit each state.

How do I make a foldable look less bulky in photos?

Use a slightly elevated three-quarter angle, keep the background clean, and avoid props that exaggerate thickness. A soft key light with a clean rim highlight can make the object feel precise instead of heavy. The key is to show the fold as an intentional design feature, not as a mechanical flaw.

What export settings are safest for web and social?

Export in sRGB for web delivery, use high-quality JPEG or WebP, and make separate versions for hero banners, feed posts, and thumbnails. Aim for enough resolution to survive compression, but don’t send oversized files to channels that will downsample them anyway. Always inspect the compressed version before publishing.

How should I place UI content in open-screen mockups?

Keep important elements away from the fold line, maintain generous safe areas, and use content that matches realistic use cases such as multitasking, reading, or media playback. The best mockups reflect how people would actually interact with the device, rather than treating the screen like an empty billboard.

What’s the biggest mistake creators make with foldable product photography?

The biggest mistake is using a standard phone workflow and hoping the foldable will still read correctly. Foldables need their own composition presets, their own crop strategy, and their own thumbnail tests. If you don’t design for both the closed and open states, the device’s main selling point gets lost.

Related Topics

#photography#product#mobile
A

Avery Bennett

Senior SEO Content Strategist

Senior editor and content strategist. Writing about technology, design, and the future of digital media. Follow along for deep dives into the industry's moving parts.

2026-05-20T23:35:42.695Z