Product Hunt gallery images should be 1270×760 pixels, stay under 3MB each, and you need at least two of them before the gallery shows up on your post. Your thumbnail is a separate square image, ideally 240×240. Those are the specs. The harder part is deciding what goes on each slide so a visitor scrolling past understands your product in a few seconds.

This playbook covers the official requirements, a slide order that works, and how to make polished device mockups for the gallery without a design team.

Product Hunt gallery image example: a SaaS dashboard in a laptop mockup next to a phone mockup

The recommended Product Hunt gallery size is 1270×760 px, and every image, animated or not, must be under 3MB. Those numbers come from Product Hunt's own Launch Guide and its help article on posting a product. Here are all the asset specs in one place:

AssetOfficial specNotes
ThumbnailSquare, 240×240 recommendedGIFs allowed but only animate on hover, so the first frame has to work as a still
Gallery images1270×760 recommendedAt least 2 required before the gallery is viewable; GIFs allowed
File sizeUnder 3MBApplies to all images, GIF or not
VideoOptional, YouTube links onlyMust not be private; use the full URL, because shortened links won't load
TaglineMax 60 charactersShown next to your thumbnail in the feed
DescriptionWithin 260 charactersPer the help center

One practical detail: 1270×760 works out to roughly 5:3, which is a bit taller than a typical 16:9 slide. If you design in 16:9 and upload it as-is, you'll end up with cropping or letterboxing. Set up your canvas at 1270×760 (or exactly double that for a sharp master) from the start.

What is the Product Hunt thumbnail size, and how is it different?

The Product Hunt thumbnail is a square image, ideally 240×240 px, and it sits next to your name and tagline in the launch feed. It isn't a gallery slide. It's usually your logo or app icon on a clean background.

Product Hunt lets you use an animated GIF here, but it only plays when someone hovers over your post. Most visitors will only ever see the first frame, so design that frame first. The guide also advises against strobing effects, quick cuts, and unreadable text, and notes that the Product Hunt team may edit GIFs that break these rules.

The minimum is two, but most strong launches use four to six. That's enough to tell the story without making people click through filler. Each slide should do one job. If two slides say the same thing, merge them.

Product Hunt also points out that video is common among top launches. According to the Launch Guide, products that won Product of the Day since 2021 included a video about 53% of the time. A video is optional, and it adds to your still images rather than replacing them, because many visitors never press play.

The ideal order for Product Hunt launch images

Think of your Product Hunt launch images as a short pitch deck. Each one should make sense on its own, and together they should answer "what is it, who is it for, and why now?"

1. The hero slide: outcome plus product

Pair a short headline that states the benefit (not the feature list) with your product shown in a device mockup. This slide shows up first, so it needs to work at a glance. Keep the headline to about six words and make sure it's readable when the image is scaled down.

2. The core workflow

Show the one screen where people get value: the dashboard, editor, or result. A three-quarter "hero" angle on a laptop or phone looks more finished than a flat screenshot and still keeps the UI readable.

3–4. Two key features

Give each slide one feature and one caption. For apps on more than one platform, a duo or trio layout (for example, a phone next to a laptop) shows cross-device support without needing extra text.

5. Proof or detail

Use an integration list, a before/after, or a close-up of a detail people love. Only include metrics or testimonials you can actually back up. Product Hunt's audience notices made-up social proof quickly.

6. Offer or call to action

If you have launch pricing or a free trial, put it on the last slide and repeat it in your maker comment.

Yes, for most apps and SaaS products. Device mockups show the product in a realistic setting and make even a plain UI look like a finished product. A device mockup is an image of your real screenshot placed inside a rendered phone, tablet, laptop, or monitor, often at an angle and with lighting and shadows.

There are exceptions. Developer tools, APIs, and data-heavy dashboards often work better as full-bleed screenshots, where the detail matters more than the device frame. Our guide on when to use device mockups (and when plain screenshots win) goes through that decision in detail. A common compromise is a mockup on the hero slide and cropped, zoomed screenshots for the feature slides.

Whatever you choose, be consistent. Use the same backdrop, device color, typeface, and caption position on every slide so the gallery looks like one set and not six separate images.

mockiso turns screenshots into 3D device mockups right in the browser, so you can make a full gallery in one session. Here's the workflow:

  1. Create a project. Sign up (new accounts get a 24-hour Pro trial with no card required), then click New project.
  2. Pick a device. Choose the hardware your users actually use, such as a MacBook Pro 14″ for a SaaS dashboard or an iPhone 17 Pro or Pixel 9 Pro for a mobile app. See the full list on the devices page.
  3. Add your screenshot. Click to upload, drag and drop, or paste with Ctrl/Cmd+V.
  4. Choose an angle. Use "hero left" or "hero right" for the first slide and "front" or "float" for feature slides, or drag to rotate freely. Fine-tune the lens (24–135 mm) and the yaw, pitch, and roll.
  5. Set lighting and backdrop. Adjust studio lighting, exposure, screen reflection, and soft shadow. Pick a solid color or gradient in your brand palette, or start from one of the 70 backdrop templates.
  6. Add a caption. Use the headline and subline fields for your slide copy.
  7. Use duo or trio layouts for cross-platform slides, with consecutive screenshots placed side by side.
  8. Export. Choose a landscape canvas preset, export as PNG or JPEG, and crop or resize to 1270×760 if the preset's ratio is different. Use 2× export for a crisp master, then check the final file is under 3MB. JPEG usually keeps photographic backdrops well under the limit.

Because projects autosave and keep your settings, you can swap in fresh screenshots the night before launch without rebuilding every slide. The free plan works for trying things out but adds a watermark. For launch assets, see Pro and Studio pricing, which removes the watermark and adds 2× export and batch ZIP downloads.

Common mistakes with Product Hunt launch images

  • Tiny text. Captions that look fine on a 27-inch monitor become unreadable in the feed. Zoom your slide to about 25% and check that the headline still reads.
  • Wrong aspect ratio. Uploading 16:9 slides into a 1270×760 frame causes cropping or awkward bars.
  • Oversized files. Big PNGs with gradients or photos can go over the 3MB limit. Export as JPEG or compress before uploading.
  • Busy GIFs. Quick cuts and flashing effects go against Product Hunt's guidance, and they don't play in the feed anyway.
  • Inconsistent styling. Different backgrounds, devices, and fonts on each slide make the product look unfinished.
  • Old screenshots. Make sure the UI in your gallery matches what visitors see when they sign up.

A good gallery is also a ready-made set of marketing assets. The hero slide can become your landing-page header, your social announcement image, and the title slide of your pitch deck. Feature slides work well as carousel posts on LinkedIn or X.

The easiest approach is to reuse the design, not the exported file. Keep the same mockup project and export new canvas sizes for each channel instead of stretching one PNG to fit everywhere. If your product is also a mobile app, the same screenshots can go into store listings. Check our App Store screenshot sizes guide and the tips on writing screenshot captions so the messaging stays consistent.

Key takeaways

  • Product Hunt recommends 1270×760 px for gallery images and a square 240×240 px thumbnail. Keep every image under 3MB.
  • The gallery only appears once you upload at least two images. Four to six focused slides are usually enough.
  • Order your slides like a mini pitch: outcome hero, core workflow, two features, proof, and offer.
  • Use consistent device mockups, backdrops, and captions, and check that text is readable at small sizes.
  • Animated thumbnails only play on hover, so the first frame needs to work as a still image.

Ready to build your launch gallery? Start your free mockiso trial and turn your screenshots into polished 3D device mockups in minutes, right in your browser.