Launch · 8 min read
Product Hunt Gallery Images: Size, Order, and What to Put in Each Slot
The Product Hunt gallery image size (1270 × 760), how many images to use, the order that tells your story, and the mistakes that make launch galleries look unfinished.
- product hunt gallery image size
- product hunt launch
- launch images
- saas launch
On launch day, most people who visit your Product Hunt page decide whether to upvote, comment, or click through within a few seconds - and those seconds are spent on the gallery. The tagline gets them to the page. The gallery decides what they think of the product.
This guide covers the specs, the order, and what each image should do.
The specs
| Asset | Size | Notes |
|---|---|---|
| Gallery image | 1270 × 760 | PNG or JPG; also used as a preview when your launch is shared |
| Thumbnail | 240 × 240 | Square; an animated GIF is allowed |
| Video (optional) | YouTube link | Shows as a gallery slot |
The 1270 × 760 ratio (about 5:3) is a little taller than 16:9. If you reuse 1920 × 1080 slide exports, Product Hunt will letterbox or crop them, and small text at the edges is the first thing to go. Export at the real size.
How many images?
Aim for four to six. Fewer than three looks unfinished. More than eight rarely gets seen, because most visitors look at the first two or three and then scroll to the comments.
That means order matters more than count.
The order that tells the story
Slot 1: The product, at a glance
The first image is the one people see without clicking, and it is reused when your launch link is shared. It needs to answer "what is this?" in one look.
The most reliable choice is your real product in a laptop and phone frame on a clean background, with a four-to-seven-word headline. Showing both devices quietly says "works everywhere" without a bullet point.
Avoid using slot 1 for a logo on a gradient or an abstract illustration. Product Hunt visitors are evaluating a product; show them the product.
Slot 2: The core workflow
Show the one thing users do most - the main screen, mid-task. A short caption ("Paste a URL, get a mockup") helps more than a paragraph.
Slot 3: The "aha" result
Show the output or outcome: the report, the generated asset, the dashboard after setup. This is the image that makes someone want to try it.
Slots 4-5: Proof and detail
Pick from:
- A secondary feature that answers a likely objection ("works with pages behind a login").
- Mobile, if it is a real strength.
- Social proof - a short testimonial or a real usage number, if you have one you can stand behind.
Last slot: The offer
Close with what the visitor gets today: the free tier, a launch-day discount, or "no signup to try". It turns a browse into a click.
What makes a gallery look professional
- One visual system. Same background family, same device colour, same padding on every slide. Inconsistent frames read as "rushed".
- Real screens, not mockup placeholders. Generated or lorem-ipsum screens are obvious and erode trust.
- Large, short captions. Product Hunt shows the gallery small on many screens. If a caption needs more than one line, cut it.
- Clean captures. Cookie banners, chat widgets, half-loaded images, and personal data in the screenshot are the most common giveaways. See how to take clean website screenshots.
Building the gallery quickly
Most of a launch gallery is "this screen, framed, on our background, at 1270 × 760" - repeated five times. That is exactly the slow part to do by hand in a design tool, and exactly the part a URL-based tool removes:
- Open the Product Hunt gallery image tool and paste the page URL.
- Choose laptop + phone for slot 1 and laptop for the workflow slots.
- Select the Product Hunt (1270 × 760) canvas and keep the same background for every image.
- Download the HD PNGs and add captions in your slide tool if you want text on the image.
For screens behind a login (dashboards, settings, admin), upload a screenshot instead - here is how to mock up logged-in pages.
Pre-launch checklist
- Four to six images at 1270 × 760
- Slot 1 shows the real product and says what it is
- Same background, device colour, and padding throughout
- No cookie banners, chat bubbles, or personal data in any capture
- Captions are one short line each
- A 240 × 240 thumbnail that is recognisable at tiny size
FAQ
What size should Product Hunt gallery images be?
1270 × 760 pixels. Using that exact size avoids letterboxing and keeps edge text from being cropped.
Can I use a GIF in the Product Hunt gallery?
Animated GIFs are supported for the thumbnail and gallery, but keep them short and small in file size. A crisp static first image usually does more than an animation that loads slowly.
Should the first gallery image have text?
A short headline helps, as long as the product itself is still the focus. Four to seven words is enough.
Related reading: Product Hunt launch checklist · SaaS launch screenshots that convert