Pan (Midjourney)
Extends the canvas in exactly one direction per command (up | down | left | right). The existing image stays full size and simply slides toward the opposite edge while new content is generated in the requested direction.
Understanding the difference between expanding your canvas and changing scale is essential for AI artists. This guide clarifies the common confusion between Pan (in Midjourney) and Zoom (in Photoshop Generative Fill) so teams stop miniaturizing desktop layouts on phones.
Extends the canvas in exactly one direction per command (up | down | left | right). The existing image stays full size and simply slides toward the opposite edge while new content is generated in the requested direction.
Shrinks the original image proportionally and surrounds it with newly generated context on all four sides. Think of stepping back with a drone to reveal worldbuilding everywhere at once.
Common misconception: assuming Pan behaves like Zoom Out or that Zoom Out can target a single edge. The result is desktop-sized cards shrunk onto phones instead of reflowed layouts.
| Aspect | Pan (Midjourney) | Zoom Out (Photoshop) | Why It Confuses Teams |
|---|---|---|---|
| Definition | Directional canvas extension plus new pixels on one edge. | Global canvas expansion while scaling the original inward. | Both add content outside the first frame. |
| Direction Control | Pick one direction per run (up/down/left/right). | Adds environment to every edge simultaneously. | “Pan†is used differently in video editors, so teams expect the same everywhere. |
| Original Image | Maintains size, remains anchored to the opposite edge. | Shrinks inside the expanded frame; scale visibly changes. | Both alter composition, but only Zoom Out touches perceived size. |
| Workflow | Sequential—run four times for all sides. | Single click—context everywhere at once. | Teams try to “save time†by shrinking instead of re-prioritizing. |
| Best Use Case | Needed breathing room in a single direction (e.g., add sky only). | Storytelling extensions, establishing shots, or social crops. | Both solve empty-edge anxiety, so they get conflated. |
Seven failure modes observed on the original card reinforce the commandments and add new laws.
Symptom: Landscape cards miniaturized into portrait widgets that waste vertical space.
Reinforces: Commandment #2 “Mobile is re-priorization, not compression.â€
Adds: Card height must expand on phones—the canvas should breathe vertically.
Symptom: 🌱🦋 badges sat miles apart and felt decorative.
Reinforces: Commandment #8 “Interactive elements must keep emotional identity.â€
Adds: Mobile iconography needs clustering near thumb zones.
Symptom: Headings, translations, and body all collapsed into the same scale.
Reinforces: Commandment #5—never let global scaling destroy hierarchy.
Adds: Mobile typography is proximity typography; size must match viewing distance.
Symptom: 16px speakers with zero padding.
Reinforces: Commandments #6 and #10 (controls must be intentional, touch must be explicit).
Adds: Minimum 40–48px interactive zone becomes non-negotiable.
Symptom: Hover-style buttons floated mid-card and collided with thumbs.
Reinforces: Commandment #6—layout controls ergonomically.
Adds: Navigation belongs along the thumb edge, never mid-card.
Symptom: “Switch to Hindi Audio†behaved like tooltip text.
Reinforces: Commandment #10—hover ≠touch.
Adds: Mobile toggles must be visually explicit with obvious tap affordances.
Symptom: Desktop hero spacing created giant blank skies on mobile.
Reinforces: Commandments #1 and #2 (honour the invisible grid, repriorize layout).
Adds: Vertical emptiness is mobile death—space must tell a story.
Components must reflow and adapt on phones. Shrinking a desktop mockup is a failure.
All meaningful controls—icons, audio, nav, toggles—belong inside reachable zones, not in decorative corners.
Poster-style blank space on mobile kills focus. Every vertical slice must aid flow, readability, or emotion.
Tap a term to see a one-line definition. The tooltip stays anchored while you read.
Yes—if you have credits and patience. Pan four times to simulate a zoom, but you’ll build each edge separately. Zoom Out does it once, while scaling the subject inside.
Because thumbs, not mice, drive mobile. Icons floating in corners become unreachable or feel decorative. Cluster them in the thumb arc so they retain emotional identity.
No. The original pixels stay the same; they simply occupy less of the total canvas. New perimeter content matches the document resolution you set.
At the edges of thumb travel—top or bottom bars, or anchored rails. Hover-style mid-card clusters belong to desktop, not mobile.