Screenshot Size Guide: Dimensions for Every Platform in 2026

Wrong screenshot sizes look unprofessional. They get cropped awkwardly, appear blurry, or waste space.

Here are the exact dimensions you need for every platform.

App Store Screenshots

Apple has specific requirements. An iOS screenshot generator can handle these automatically:

iPhone 6.7" (iPhone 15 Pro Max)

• 1290 x 2796 pixels (portrait)
• 2796 x 1290 pixels (landscape)

iPhone 6.5" (iPhone 14 Plus)

• 1284 x 2778 pixels (portrait)
• 2778 x 1284 pixels (landscape)

iPhone 5.5" (iPhone 8 Plus)

• 1242 x 2208 pixels (portrait)
• 2208 x 1242 pixels (landscape)

iPad Pro 12.9"

• 2048 x 2732 pixels (portrait)
• 2732 x 2048 pixels (landscape)

Pro tip: Design for the largest size first, then scale down.

Google Play Screenshots

Phone

• Minimum: 320 x 320 pixels
• Maximum: 3840 x 3840 pixels
• Recommended: 1080 x 1920 pixels (portrait)

Tablet

• Recommended: 1920 x 1080 pixels (landscape)

Social Media

Twitter/X

• In-feed images: 1200 x 675 pixels (16:9)
• Single image: 1200 x 1200 pixels works well
• Maximum: 4096 x 4096 pixels

LinkedIn

• Shared images: 1200 x 627 pixels
• Square posts: 1200 x 1200 pixels

Instagram

• Square: 1080 x 1080 pixels
• Portrait: 1080 x 1350 pixels (4:5)
• Landscape: 1080 x 566 pixels

Facebook

• Shared images: 1200 x 630 pixels
• Recommended minimum: 600 x 315 pixels

Website Hero Images

For landing pages and marketing sites:

Desktop

• 1920 x 1080 pixels (Full HD)
• 2560 x 1440 pixels (2K) for high-res displays

With mockups

• Device mockup with background: 1600 x 900 pixels minimum
• Export at 2x (3200 x 1800) for retina displays

Product Hunt

• Gallery images: 1270 x 760 pixels recommended
• Thumbnail crops to approximately 16:9
• Design with this ratio in mind

The Retina Rule

For any screen display, export at 2x resolution:

• If displaying at 800px wide, export at 1600px
• If displaying at 1200px wide, export at 2400px

This ensures sharp images on high-DPI displays (most modern screens).

File Format Tips

PNG

• Best for screenshots with text
• Lossless quality
• Larger file sizes

JPEG

• Good for photos and complex images
• Smaller file sizes
• Some quality loss

WebP

• Best of both worlds
• Smaller than PNG, better than JPEG
• Wide browser support now

Quick Reference Table

Frequently Asked Questions

What size should App Store screenshots be?

For iPhone 15 Pro Max (6.7"), use 1290 x 2796 pixels in portrait or 2796 x 1290 pixels in landscape. Always design for the largest device size first, then scale down for smaller devices.

What resolution should I export screenshots at?

Export at 2x resolution for retina displays. If your image displays at 800px wide on screen, export it at 1600px wide. This ensures sharp, crisp images on modern high-DPI screens.

What's the best image size for Twitter?

Use 1200 x 675 pixels (16:9 ratio) for images that display well in the Twitter feed. Single images at 1200 x 1200 pixels also work well and won't get cropped awkwardly.

What size are Product Hunt gallery images?

Product Hunt recommends 1270 x 760 pixels for gallery images. The thumbnail crops to approximately 16:9, so design with this ratio in mind.

Should I use PNG or JPEG for screenshots?

Use PNG for screenshots with text, UI elements, or sharp edges. Use JPEG for photo-heavy images where file size matters more than perfect quality.

Why "Just Use 1080p" Isn't Enough Anymore

Pixel dimensions are the easy part. The hidden multiplier that matters in 2026 is density — Retina, 2×, 3×, and 4K. A screenshot that's 1200×800 pixels at 1× density is half the resolution that a Retina MacBook expects, and looks visibly soft.

The simple rule:

• Design at the target display size. A hero image displayed at 1200×800 on the page.
• Export at 2× that. The actual exported file is 2400×1600.
• Use `srcset` (or Next.js's `next/image`) to serve the right density to each device.

For App Store screenshots, the stakes are higher: Apple requires 3× the base dimension for current iPhones. An iPhone 17 Pro screenshot is 1320×2868, not 440×956. Submitting at 1× gets your binary rejected. The full breakdown is on the App Store screenshot generator page.

For Product Hunt galleries, 1270×760 is the maximum the platform accepts — don't go larger, the upload silently downsamples. For social cards (Twitter, LinkedIn), 1200×630 stays the standard. For email marketing, 600px wide is the safe rendering width across every email client.

If you only remember one number from this guide, remember this: export at 2× minimum. Everything else is a refinement on top.

File Size vs Image Quality

Bigger isn't always better. A 4MB PNG slows your landing page and tanks Lighthouse scores; a 200KB WebP looks identical at the right resolution.

The 2026 hierarchy:

1. AVIF. Smallest file size at the same quality. Supported in every major browser since 2024. Use as the primary format if your hosting stack supports it (Next.js does automatically via `next/image`).

2. WebP. Slightly larger than AVIF but universally supported. Use as the fallback for AVIF.

3. PNG. Use only when you need a lossless original (e.g., source files, design system assets). Don't ship PNGs to users in 2026 unless transparency is required and AVIF isn't available.

4. JPEG. Photo content only. Avoid for UI screenshots — JPEG compression destroys text edges.

A typical landing page screenshot should end up at 100–300KB in WebP at 2× resolution. If your screenshot file is 1MB+, you're shipping unnecessary bytes — re-export with quality 82–85 and you'll lose nothing visible to the eye while halving the bandwidth.

Common Sizing Mistakes

After auditing screenshot sizing on hundreds of marketing pages, these are the four mistakes that come up repeatedly.

Designing at the wrong density. Building the hero image at the final display size (e.g., 1200×800) instead of at 2× (2400×1600), then serving it to Retina devices. Result: soft, low-quality look on the most-used screens. Using one size everywhere. Shipping the same 1200×800 hero across desktop, mobile, OG card, and email. Each surface has a different optimal ratio and density. A screenshot beautifier that exports multiple sizes from one design saves the most time here. Compressing too aggressively. Setting JPEG quality to 50 to save bytes, then watching text become unreadable. Quality 80–85 is the sweet spot for most marketing images; below 75 starts to show. Ignoring App Store density requirements. Submitting App Store screenshots at iPhone 17 Pro's native 1320×2868 but rendered from a 1× source. Apple accepts the dimensions but the result looks visibly stretched. Always work from 3× source assets.

Screenshot Sizing for Email Marketing

Email is the surface where screenshot sizing fails most often. Gmail, Outlook, Apple Mail, and the long tail of clients all render images differently — what works in your design tool may break in three of the top five inboxes.

Width. 600px is the safe maximum. Anything wider gets scaled down on mobile clients or clipped on desktop Outlook. Design at 600px wide and export at 1200px (2×) so Retina email previews stay sharp. Height. No hard limit, but each additional 1000px of vertical screenshot doubles the time the email takes to load on mobile networks. Cap individual screenshot height at 800-1200px; break longer screenshots into multiple stacked images. File size per image. Aim for 100-200KB. Email clients often cache poorly, and large attachments trigger spam filters. WebP isn't universally supported in email — fall back to optimised JPEG or PNG. Alt text. Every screenshot in email needs descriptive alt text. Many recipients view images blocked by default (Outlook desktop is the worst offender), and alt text is what they see instead. "Screenshot showing dashboard with 30% growth" beats "image-1.png" every time. Dark mode rendering. Most email clients now offer a dark mode that inverts colours. Screenshots with transparent backgrounds get inverted along with the email, which usually breaks the design. Set explicit background colours on every screenshot, even white, so dark mode doesn't mangle them.

Density Targets for Print Output

Most teams never need to think about print, but when you do, the dimension math is completely different from screen.

300 DPI minimum. Print needs at least 300 pixels per inch at final size. A screenshot used as a 4×6 inch postcard image needs to be at least 1200×1800 pixels — roughly 4× the resolution you'd ship for web. CMYK colour profile. Print uses cyan/magenta/yellow/black ink mixing, not the red/green/blue light mixing of screens. PNG and JPEG default to RGB; print files should be exported as TIFF or CMYK PDF. Most generators only export RGB, so plan to convert in Photoshop or via a print service before submitting. Bleed area. Designs that go to the edge of the printed page need 3-5mm of "bleed" around the perimeter — extra image content that gets trimmed during cutting. Bleed isn't visible in the final piece, but skipping it leaves white borders if the cut is even slightly off. Resolution at production size. A logo that's 500px wide for web is fine on a webpage but pixelated on a 3-foot-wide trade show banner. Always design print assets at production size or scale up from vector source files; rasterised assets can be enlarged only with quality loss.

Related Reading

• PNG vs JPEG vs WebP: Which Format for Your Screenshots? - Choose the right format
• How to Create App Store Screenshots That Convert - App Store optimization tips
• How to Make Your Screenshots Go Viral on Social Media - Social media best practices

Conclusion

Using the right dimensions isn't optional—it's the difference between professional and amateur.

Bookmark this guide and reference it before exporting. A product screenshot tool can handle the correct dimensions for you, so your screenshots look great everywhere they appear.