Make Product Hunt Gallery Screenshots That Convert — Free Mockup Tool

Your Product Hunt launch page gets one shot to make an impression. Among the first things visitors see: your gallery screenshots. Inconsistent screenshots — different padding, different shadows, mismatched backgrounds — signal "amateur." Consistent, polished mockups signal "serious product." The Screenshot Beautifier lets you batch-produce gallery assets with identical styling in about 2 minutes for 10 screenshots.

Product Hunt Gallery Image Requirements

• Aspect ratio: 16:9 (1600x900 or 1920x1080)
• Format: PNG or JPG accepted
• Max size: 3MB per image
• Number of images: up to 10 (but 4-6 is the sweet spot — enough variety without overwhelming)
• First image matters most: it becomes the cover image on the launch card

The tool exports at 2x resolution automatically. A 1200x675 composition exports as 2400x1350 PNG, well within the 3MB limit with JPG compression if needed.

The Consistency Formula for 10 Screenshots in 5 Minutes

Set these once and use for every screenshot:

• Aspect ratio: 16:9
• Background: one specific gradient — Ocean for professional, Lavender for creative, Midnight for technical. Stick to one across all images.
• Frame: Browser for web app screenshots, MacBook for landing page shots, iPhone for mobile app screens. Use the SAME frame for all same-type screenshots.
• Padding: 80-100px
• Shadow: 50
• Border radius: 12

Workflow: capture 10 screenshots first (different features, different views). Then batch-beautify: open the tool, upload screenshot 1, apply settings, export, upload screenshot 2, SAME settings, export, repeat. Takes about 20-30 seconds per screenshot once you have the settings dialed in.

Sell Custom Apparel — We Handle Printing & Free Shipping

What Each Gallery Image Should Show

1. Cover image (image 1): your hero feature, the one thing that makes your product worth trying. This is the image that shows on the launch card.
2. Image 2: the second most impressive feature — the "wait, it does THAT too?" moment
3. Image 3: the dashboard/home view — where users spend most time
4. Image 4: a key workflow or interaction — showing how things actually work
5. Image 5: settings, integrations, or customization — signaling product depth
6. Image 6 (if relevant): mobile view, dark mode, or alternative UI variation

Each image should stand alone — a visitor might only view one. Do not rely on them being seen in order. Start each image with a clear visual focal point, not a blank dashboard or empty state.

Checklist Before Uploading to Product Hunt

• All 4-6 images use the same gradient background
• All images use the same device frame style
• All images have the same padding, shadow, and border radius settings
• All images are 16:9 aspect ratio
• No images are over 3MB (compress to JPG if needed)
• Cover image is the most impressive feature, not a generic home screen
• No sensitive data visible (test accounts, fake data, or redacted real data)
• Text in screenshots is readable at small sizes (Product Hunt resizes images heavily)

Pro tip: view your launch page on mobile before going live. Most Product Hunt traffic comes from mobile. If your screenshots look tiny or text is unreadable at mobile size, redo them with larger text or simpler UI elements.

Frequently Asked Questions

What is the best gradient for a Product Hunt launch?

Match it to your product audience. Dev tools and AI products work with Midnight or Arctic (dark, technical). Consumer apps and creative tools work with Sunset or Lavender (vibrant). SaaS and B2B work with Ocean or Blue Cyan (professional). Pick one and stick with it.

Should I use the same frame across all gallery images?

Yes, for the same type of content. Web app screenshots get the browser frame. Mobile screenshots get the iPhone frame. Mixing frame types on the same type of screenshot looks inconsistent.

How big should text be in gallery screenshots?

Product Hunt resizes images significantly. If your UI has small text (14px or smaller), consider using a larger browser zoom level before screenshotting, or pick screenshots that emphasize visual elements over fine print.

Can I make Product Hunt mockups without Figma?

Yes — this tool is designed for exactly this. Upload, apply settings, export. No Figma, no design skills, no subscription. For teams making dozens of assets per launch, Figma or Pika.style might be faster due to saved templates. For one-off launches, this free tool handles it.