0.6667
Decimal ratio
the portrait decimal — width is two-thirds of height
2 : 3
2:3 Aspect Ratio
The complete 2:3 reference for Pinterest pins, portrait photography, and vertical print. Calculate exact dimensions, understand the 3:2 mirror relationship, and get CSS-ready output for portrait cards and tall responsive layouts.
Pinterest PinsPortrait PhotographyPrint & Posters
10+
Standard resolutions
from lightweight web previews to full-frame print masters
150%
CSS padding value
the responsive fallback for a tall 2:3 portrait container
Calculate 2:3 Dimensions
Use exact 2:3 math for Pinterest pins, portrait print crops, vertical product shots, and tall card layouts. Switch modes to verify whether an existing file is true 2:3 or only close — useful when cropping from a 3:2 camera original.
Enter a width and the calculator derives the exact 2:3 height. Useful when your layout or platform defines the horizontal boundary first.
×
Pixel mode uses the native output dimensions directly.
Quick presets
Current Output
1000 × 1500 px
The output stays locked to exact 2:3 math, including the portrait CSS fallback of 150%.
Ratio
2:3
Decimal
0.6667
CSS Padding
150%
Diagonal
1803 px
Switch to verify mode to check whether any portrait file, print crop, or camera export is exact 2:3 or only approximate.
Formula Reference
Height from widthH = W × 1.5
Width from heightW = H × 0.6667
CSS fallbackpadding-top: 150%
Inverse ratio3:2 (flip width and height to get the landscape version)
Photographer Note
Shooting in 3:2? Your camera's native landscape output flips directly to 2:3 portrait — no quality loss, just a 90° rotation in your crop tool.
Complete 2:3 Resolution Reference
These sizes cover the full range of 2:3 use cases, from lightweight social previews to full-resolution print masters. Click any row to push that size into the calculator above.
Why 2:3 Matters
The 3:2 Mirror: Why Portrait Photographers Default to 2:3
The 2:3 aspect ratio is not an arbitrary choice for portrait photography. It is the natural vertical counterpart of 3:2, which is the native output ratio of nearly every full-frame and APS-C camera on the market. When you rotate a 3:2 landscape frame 90 degrees, you get a 2:3 portrait frame. The math is identical. Only the orientation changes.
That relationship matters in practice because it means a 6000×4000 camera file can be cropped to 4000×6000 without discarding any pixels — you are simply reframing the composition vertically rather than resizing. For photographers who shoot in landscape and need portrait outputs for print or social, 2:3 is the most efficient crop because it preserves the maximum image area from the original sensor capture.
The standard 4×6 inch print format is also a direct expression of 3:2 and 2:3. A 4×6 print in landscape is 3:2. The same print rotated to portrait is 2:3. That is why portrait prints, greeting cards, and photo books so often default to this shape — the proportions come directly from the physical film frame that defined photography for over a century.
3:2 Landscape — your camera's native output
2:3 Portrait — rotate 90°, same pixels
No quality loss. No resizing. Just a crop rotation.
Why Pinterest Prefers 2:3 (And What Happens If You Don't Use It)
Pinterest's feed is a masonry grid. Every pin occupies a fixed width column, but the height varies based on the image's aspect ratio. A 2:3 pin at 1000×1500 is taller than a 1:1 square pin at the same column width, which means it physically takes up more screen space in the feed. More screen space means more visual presence before a user scrolls past.
Pinterest officially recommends a 2:3 ratio at 1000×1500 pixels as the standard pin size. Images taller than 2:3 are technically accepted but get truncated in the feed display — Pinterest caps the visible height at roughly the same 2:3 footprint before showing a continuation prompt. Images shorter than 2:3, such as 1:1 or 16:9, display with less vertical real estate and tend to feel smaller and less prominent in the scroll.
The practical implication: if you are creating static pins, 1000×1500 is not just a recommendation. It is the size that maximizes feed presence without triggering truncation. For video pins, 9:16 is the better choice because it fills the mobile screen during playback. If you need a sanity check before export, test your pin crop before publishing.
16:9
16:9 pin
Visible 34%
More visible height means more presence in the masonry feed.
1:1
1:1 pin
Visible 56%
More visible height means more presence in the masonry feed.
2:3
2:3 pin
Visible 84%
More visible height means more presence in the masonry feed.
2:3+
Taller than 2:3
Visible 84%
The extra height gets clipped in feed until the user taps to expand.
Visible areaTruncated area
Standard Print Sizes in 2:3
The 2:3 ratio maps directly to the most common photographic print formats. If you are preparing images for print, starting from a 2:3 crop avoids the need for additional trimming at the lab. For broader print and workflow planning, the 3:2 photography ratio guide covers the surrounding ratio decisions.
| Print Size | Pixels at 300 DPI | Ratio |
|---|---|---|
| 4 × 6 in | 1200 × 1800 | 2:3 ✓ |
| 6 × 9 in | 1800 × 2700 | 2:3 ✓ |
| 8 × 12 in | 2400 × 3600 | 2:3 ✓ |
| 10 × 15 in | 3000 × 4500 | 2:3 ✓ |
| 12 × 18 in | 3600 × 5400 | 2:3 ✓ |
| 20 × 30 in | 6000 × 9000 | 2:3 ✓ |
All sizes above are exact 2:3. No cropping required if your source file is already 2:3.
CSS for 2:3 Portrait Containers
Use these snippets to maintain a strict 2:3 portrait ratio in responsive layouts — useful for Pinterest-style card grids, portrait image placeholders, and tall editorial components. Generate alternative output shapes in the CSS Aspect Ratio Generator.
Modern CSS
css
.portrait-2-3 {
aspect-ratio: 2 / 3;
}Padding-hack (legacy browser support)
css
.portrait-2-3-wrapper {
position: relative;
padding-top: 150%; /* 3/2 × 100 */
}
.portrait-2-3-wrapper > * {
position: absolute;
inset: 0;
}Tailwind CSS
html
<div class="aspect-[2/3]">...</div>Bootstrap 5 (custom ratio)
html
<div class="ratio" style="--bs-aspect-ratio: 150%;">...</div>React inline style
tsx
<div style={{ aspectRatio: '2 / 3' }}>...</div>Orientation Warning
Note: CSS aspect-ratio: 2/3 creates a portrait container. If you need the landscape version, use aspect-ratio: 3/2 instead. The two values are mirrors of each other.
Related Aspect Ratios
2:3 sits between square and full-screen vertical. Understanding its neighbors helps you choose the right ratio for each platform and use case.