Product Hunt Gallery Size: Image Dimensions That Get Clicks

Your Product Hunt gallery is prime real estate. Wrong image sizes mean awkward cropping and lost clicks.

Here are the exact dimensions that work.

Product Hunt Image Dimensions

Gallery Images

| Asset | Dimensions | Aspect Ratio |

|-------|------------|--------------|

| Gallery images | 1270 x 760 px | 1.67:1 (≈5:3) |

| Thumbnail (auto-cropped) | 240 x 180 px | 4:3 |

Key points:

• Upload at 1270 x 760 px for best quality
• Images are displayed at various sizes in feed
• First image becomes your thumbnail
• Up to 8 gallery images allowed

Logo/Icon

| Asset | Dimensions | Format |

|-------|------------|--------|

| Product logo | 240 x 240 px | Square, PNG recommended |

Your logo appears next to your product name. Keep it simple and recognizable at small sizes.

Maker Image

| Asset | Dimensions |

|-------|------------|

| Profile photo | 160 x 160 px |

This is your personal avatar that appears with your maker profile.

Gallery Best Practices

Your First Image Matters Most

The first gallery image:

• Shows as the thumbnail in feeds
• Gets cropped to 4:3 for some views
• Is the first thing people see

Design for this: Put your most important content in the center, with breathing room around edges to survive cropping.

Recommended Gallery Structure

For a strong launch, include these images:

1. Hero shot - Your product in action with a device mockup

2. Key feature #1 - Your main differentiator

3. Key feature #2 - Secondary value prop

4. Key feature #3 - Another benefit

5. Social proof - Testimonials or user stats (if you have them)

6. Pricing/CTA - What happens next

You don't need all 8 slots. 4-6 strong images beat 8 mediocre ones.

Design Tips

Use consistent styling:

• Same background colors/gradients across all images
• Same fonts and text sizing
• Same device frames if showing mockups

Keep text readable:

• Large fonts (minimum 24px at final size)
• High contrast against backgrounds
• 3-5 words per headline max

Show, don't tell:

• Actual screenshots beat illustrations
• Real UI beats placeholder content
• Device mockups beat raw screenshots

How to Create Product Hunt Images

Quick Method: Mockup Generator

1. Take screenshots of your product

2. Upload to a tool like Screenhance

3. Add device frame and gradient background

4. Export at 1270 x 760 px

Total time: ~2 minutes per image.

Design Method: Figma

1. Create artboard at 1270 x 760 px

2. Add your screenshot in a device mockup

3. Add headline text and background

4. Export as PNG

More control, but takes longer.

Thumbnail Optimization

Since your first image gets cropped to 4:3 for thumbnails:

Safe zone: Keep critical content within the center 1013 x 760 px area. The edges may get cropped in some views. Test it: Before launch, preview how your first image looks at small sizes. Squint test—can you tell what it is?

Common Mistakes

Busy first image

Too much text or detail that becomes unreadable at thumbnail size.

Inconsistent styling

Each image looks like it's from a different product.

Wrong dimensions

Images that look stretched or have black bars.

No device context

Raw screenshots without frames look unprofessional.

Text too small

Headlines that can't be read without zooming.

File Requirements

Format: PNG or JPEG (PNG recommended) Max file size: 3MB per image Color space: RGB

Optimize your images before upload to ensure fast loading.

Related Reading

• How to Create Product Hunt Launch Visuals That Stand Out - Complete launch guide
• How to Create Product Hunt Mockups That Get Upvotes - Mockup strategies
• Screenshot Size Guide: Dimensions for Every Platform - All platform dimensions
• How to Make a Mockup: Complete Beginner's Guide - Mockup basics

Frequently Asked Questions

What size should Product Hunt gallery images be?

Product Hunt gallery images should be 1270 x 760 pixels with a 1.67:1 aspect ratio. This size displays well across desktop and mobile, and survives the various crop ratios Product Hunt uses in different views.

How many images can I upload to Product Hunt?

You can upload up to 8 gallery images. However, quality matters more than quantity. 4-6 strong, cohesive images typically perform better than 8 rushed ones. Focus on your hero shot and key features.

What makes a good Product Hunt thumbnail?

Your first gallery image becomes the thumbnail, cropped to 4:3. Keep important content centered, use high contrast, and ensure any text is readable at small sizes. The thumbnail should instantly communicate what your product does.

Should I use device mockups in my Product Hunt gallery?

Yes, device mockups significantly improve the professional appearance of your gallery. They help users visualize using your product. Use consistent device frames (all iPhones, all MacBooks) throughout your gallery for cohesion.

Can I update my Product Hunt images after launch?

Yes, you can update gallery images after launch. However, your thumbnail is locked once voting begins. Make sure your first image is finalized before launch day.

Conclusion

Product Hunt success starts with strong visuals. Use 1270 x 760 px for gallery images, make your first image count (it's your thumbnail), and keep styling consistent.

Spend the extra 30 minutes getting your images right. On launch day, you'll be glad you did.