Product Hunt Thumbnail, Gallery Size, Format, and Launch Story Explained
Product Hunt launch assets work best when each visual has a clear role. The thumbnail earns recognition in a small square. The first gallery image explains the product. Later gallery images support the story with workflow, feature detail, proof, use case, video, or interactive demo context.
For a founder preparing a SaaS launch, the right question is not only whether to export JPG or PNG. The sharper question is: what should this asset communicate, and will that message still be readable in the Product Hunt preview?
Product Hunt thumbnail guidance
The thumbnail is a small square launch-card asset. It can be a logo-style mark, a simplified product symbol, a clean app icon, or a calm animated GIF if motion helps recognition. Product Hunt guidance says GIFs should avoid strobing effects, quick cuts, and unreadable text. It also notes that thumbnail GIFs animate on hover, so the first frame needs to stand alone.
Keep the thumbnail simple. A square crammed with a full dashboard, long tagline, badge row, and tiny product copy will usually lose meaning at preview size. If the product name or symbol is strong, let it breathe.
Product Hunt gallery size and image count
Product Hunt currently recommends 1270x760 for gallery images. That wide ratio gives room for a screenshot, short caption, and safe margins. Product Hunt also says the gallery needs 2+ images before it is viewable on the post page, so build at least two launch-gallery images before you rely on the preview.
The first gallery image should explain the product quickly. The second can clarify the audience, workflow, or main feature. Additional images can show integrations, example output, use cases, comparison context, a video, or an interactive demo when that helps visitors understand the product honestly.
When to use JPG, PNG, GIF, SVG, or PDF masters
Use PNG for interface detail
PNG is often safer for UI screenshots, icons, diagrams, product screens, charts, and text-heavy visuals because it keeps edges and labels cleaner.
Use JPG for photo-like visuals
JPG can work for photo-based marketing images or soft background art, but it can make small interface details look fuzzy if compressed too strongly.
Use GIF only when motion helps
A GIF should clarify a small interaction, not overload the preview. Keep it short, calm, and readable, and confirm the current upload limit in the Product Hunt submission screen.
Keep SVG and PDF as source files
SVG, PDF, Figma, Sketch, or Illustrator files are useful editable masters. Export Product Hunt delivery copies from them instead of treating the master file as the final upload.
Choose the gallery order before exporting
A clean Product Hunt launch gallery usually follows a simple scan path:
- What the product does.
- Who it helps.
- The key workflow or feature.
- Proof, integration, use case, or result.
- Optional video or interactive demo context.
This order helps product marketers and launch teams avoid a common mistake: starting with a beautiful but vague visual, then hiding the useful product explanation three images later.
Asset role decision table
| Asset role | What it should communicate | Format/export choice | Risk | What to preview |
|---|---|---|---|---|
| Thumbnail | Product identity in a small square. | 240x240 square PNG, JPG, or calm GIF if motion helps. | Too much text, weak first frame, or unclear symbol. | Launch card at small size and hover behavior for GIF. |
| First gallery image | What the product does and why the visitor should continue. | 1270x760 PNG for UI clarity or JPG for soft visual art. | Looks polished but does not explain the product. | Desktop gallery, mobile view, and first screen impression. |
| Feature screenshot | A specific workflow, screen, or product outcome. | PNG from a high-resolution source screenshot. | Tiny UI text or important controls near edges. | Readability of labels, buttons, charts, and captions. |
| Workflow slide | How the user moves through the product. | PNG with large steps and minimal annotation. | Too many arrows, captions, or screens in one image. | Whether a visitor understands the flow in a few seconds. |
| Proof or use case | Real output, integration, customer scenario, or result context. | PNG for product output; JPG for photo-like context. | Generic claim without product evidence. | Whether the proof supports the launch story honestly. |
| Video or demo | Motion, interaction, or complexity that still images cannot cover. | YouTube link for video or supported interactive demo link. | Static gallery becomes weak if visitors do not play it. | Gallery placement, playback availability, and mobile clarity. |
After choosing PNG or JPG for each role, create lighter delivery copies with ConvertiImage, then follow the step-by-step Product Hunt launch gallery workflow before scheduling.
Continue through the cluster
Sources checked
This format guide was built from current platform and quality guidance, then translated into an asset-role workflow. Sources reviewed: Product Hunt how to post a product, Product Hunt preparing for launch, Product Hunt featuring guidelines, Google people-first content guidance, and AdSense page readiness guidance.
