Launchpack by Świt StudioProduct Hunt image sizes, and what to put on each gallery image
The sizes take ten seconds. Deciding what goes on each image is the part that decides whether people click Upvote or scroll past.
Gallery images: 1270 × 760 px (PNG or JPG). Thumbnail: 240 × 240 px, square, and it can be an animated GIF. Keep each file under 3 MB.
The thumbnail is what people see in the launch-day list, so it has to work at about 80 px. The gallery is your product page's pitch: make the first image say what the product does, in words, next to a real screenshot.
Every Product Hunt image size
| Image | Size | Notes |
|---|---|---|
| Thumbnail | 240 × 240 | Square. PNG, JPG or animated GIF. Shown in the feed, on the post and in notifications. |
| Gallery images | 1270 × 760 | PNG or JPG. The carousel on your launch page. Several images are better than one. |
| Gallery video | YouTube link | Optional. Product Hunt embeds a YouTube video in the gallery; keep it short. |
| Your own OG image | 1200 × 630 | Not uploaded to Product Hunt, but your launch-day links from X and LinkedIn go to your site, so its OG image matters too. |
Product Hunt's own help pages recommend these sizes. Third-party guides quote different file-size limits (2, 3 or 5 MB); staying under 3 MB per image is safe and keeps the gallery fast on phones.
The thumbnail
On launch day your thumbnail sits in a list of dozens of others at roughly 80 × 80 pixels. It has one job: be recognizable and different from its neighbours.
- Use your app icon, not a screenshot. A screenshot at 80 px is unreadable.
- A bold background color stands out in a list that is mostly white.
- Animated GIFs are allowed and draw the eye, but keep the motion simple (one loop of 2–3 seconds) and make the first frame work as a still, because some places show only that.
- No text beyond one letter or your logo mark. Your name is printed right next to it anyway.
A five-image gallery plan
Most visitors look at the first image, maybe swipe once, then decide. Build the gallery so each image answers the next question a visitor has:
- What is it? Product name, the one-line promise and the main screen. This is the image people see first, so it should make sense alone.
- Why do I need it? The problem, shown: the messy "before", the 14 tabs, the manual steps. One line of text.
- How does it work? The core feature in action, with one or two callouts pointing at the screen. If you have a video, this is where it goes.
- What else? The second-best feature, or three small features in a grid. Not ten.
- Why now? Pricing, the launch-day offer for the Product Hunt community, or proof: users, ratings, a short quote with a real name.
Five is enough for most products. If you can explain the product in three, use three. Every image after the point people understood it is an image they skip.
Design rules that hold up in the feed
- Text at least 48–60 px tall on the 1270 px canvas. The gallery is often viewed on phones at a third of its size.
- One message per image. A headline of 3–7 words and, at most, one supporting line.
- Real screenshots in a frame. A browser or phone frame tells people instantly whether it's a web app or a mobile app.
- The same background and type on every image, so the gallery reads as one story and looks made with care.
- Crop the screenshot to what matters. A full 1440 px dashboard shrunk to fit shows nothing; the one panel that does the magic, enlarged, shows everything.
Mistakes that cost upvotes
- A logo on a blank background as the first image. It says who, not what. Visitors leave without knowing what you made.
- Marketing words instead of a concrete promise. "Supercharge your workflow" vs "Turns Slack threads into Jira tickets".
- Mockups of devices nobody uses with tiny screens at an angle. Flat, large and readable wins.
- Screenshots with fake or empty data. Fill the account with realistic content before you capture.
- Different styles on every image, which looks like it was assembled the night before (even if it was).
Launch-day image checklist
| Asset | Size | Done? |
|---|---|---|
| Product Hunt thumbnail | 240 × 240 | ☐ |
| Gallery images (3–5) | 1270 × 760 | ☐ |
| OG image on your site | 1200 × 630 | ☐ |
| X post image for the launch tweet | 1600 × 900 | ☐ |
| X header and LinkedIn banner with "We're live on Product Hunt" | 1500 × 500, 1584 × 396 | ☐ |
| Favicon and app icons on your site | see the favicon guide | ☐ |
| Link previews checked | checker | ☐ |
Make the whole launch kit at once
Launchpack makes two Product Hunt gallery images, the thumbnail, your OG image, X and LinkedIn images and favicons from one name, tagline and screenshot. One ZIP, $9 once.
Questions
What size are Product Hunt gallery images?
1270 × 760 pixels, PNG or JPG. Keep each file under 3 MB so the gallery loads quickly on phones.
What size is the Product Hunt thumbnail?
240 × 240 pixels, square. It can be a PNG, JPG or an animated GIF. It's shown at roughly 80 px in the launch-day list, so use your icon rather than a screenshot.
How many gallery images should I upload?
Three to five is enough for most products: what it is, the problem, how it works, a second feature, and pricing or proof. Stop once the product is explained.
Can I add a video to my Product Hunt gallery?
Yes. Product Hunt embeds a YouTube video in the gallery. Keep it short and make sure the gallery images still explain the product without it, because many people never press play.
Should the first gallery image have text?
Yes. Put the product name and a concrete one-line promise next to a real screenshot. A logo alone tells visitors who you are but not what you made.