You spent months building your SaaS product. You've lined up your hunter, drafted the perfect tagline, and rallied your community for upvotes. But there's one thing most Product Hunt launch guides barely mention — and it's the thing visitors actually see first: your product hunt launch assets.
The thumbnail, gallery images, and social graphics that surround your launch aren't decoration. They're the difference between a curious click and a scroll-past. According to Product Hunt's own launch guide, visitors decide whether to engage with your product in under three seconds — and that decision is almost entirely visual.
This guide covers every visual asset you need for a successful Product Hunt launch, with exact dimensions, design principles, and practical workflows for creating them — even if you've never opened Figma.
The Complete Product Hunt Asset Checklist
Before diving into design details, here's every visual asset you'll need for launch day. Most founders only think about the thumbnail and gallery — but a strong launch requires graphics across multiple channels.
| Asset | Dimensions | Format | Required? |
|---|---|---|---|
| Thumbnail | 240 × 240 px | PNG, JPG, or GIF (< 3 MB) | Yes |
| Gallery images | 1270 × 760 px | PNG or JPG (< 10 MB each) | Yes (2+ minimum) |
| Gallery GIFs | 1270 × 760 px | GIF (< 3 MB) | Optional |
| Demo video | 16:9 aspect ratio, HD | YouTube or Vimeo embed | Recommended |
| OG / social share image | 1200 × 630 px | PNG or JPG | Strongly recommended |
| Twitter/X announcement | 1600 × 900 px | PNG | Recommended |
| LinkedIn post image | 1200 × 627 px | PNG | Recommended |
| Email header graphic | 600 × 200 px | PNG | Optional |
Key insight: Your first gallery image doubles as Product Hunt's social share preview. When someone shares your PH link on Twitter or LinkedIn, that first gallery image is what people see. Treat it like an OG image — it needs to stand on its own outside the Product Hunt context.
Save this checklist. On launch day, you'll be too busy responding to comments and rallying supporters to think about missing assets.
Thumbnail: Your 240×240 First Impression
The Product Hunt thumbnail is a 240 × 240 pixel square that appears in the daily product feed alongside your tagline. It's tiny — roughly the size of a profile picture — but it's the single most important factor in whether someone clicks through to your page.
Static vs. Animated GIF
Product Hunt supports animated GIF thumbnails, and they do catch the eye. A subtle animation — your logo morphing, a quick product transition, or a simple pulse effect — can increase click-through rates. But GIFs aren't magic: a sharp, high-contrast static thumbnail consistently outperforms a busy, hard-to-read animation.
When to use a GIF: Your product has a visual workflow that can be shown in 2-3 frames. Think screen recording tools, design apps, or anything where motion communicates value better than a still image.
When to use static: Your product's value is conceptual rather than visual, or your brand has a strong logo/icon. A clean, bold logo on a solid background reads better at 240px than a compressed animation.
Design Principles for the Small Screen
At 240 pixels, detail disappears. Design for impact, not information.
Use a single bold element — your logo, a simplified product icon, or one key screenshot cropped tight. Stick to high-contrast color combinations that pop against Product Hunt's white background. Avoid text entirely, or limit it to a single word in a large, bold font. Test your thumbnail at actual size before uploading: what looks great at 1000px can become an unreadable smudge at 240px.
Gallery Images: Tell Your Product Story in 6 Slides
Your gallery is the centerpiece of your Product Hunt page. The recommended size for gallery images is 1270 × 760 pixels in landscape orientation, and you need at least two — but six to eight is the sweet spot.
Think of your gallery as a pitch deck, not a photo album. Each image should advance the story of why your product matters.
The 6-Slide Narrative Framework
Slide 1 — The Hook. Your strongest visual. This is the hero image that communicates your core value proposition in a single frame. Remember, this image also becomes the social share preview when someone posts your Product Hunt link, so it needs to work both in context and standalone. Include your product name, a one-line value statement, and a polished product screenshot or mockup.
Slide 2 — The Problem. Show what life looks like without your product. For a SaaS tool, this might be a cluttered spreadsheet, a manual workflow, or a "before" screenshot. Make the pain tangible and visual.
Slide 3–4 — Key Features. Highlight your two or three strongest features, one per slide. Use annotated screenshots or device mockups with brief callout text. Keep each slide focused on a single capability — don't cram three features onto one image.
Slide 5 — Social Proof. Testimonials, user counts, notable logos, or beta results. If you have early traction metrics, show them. Numbers catch the eye: "2,000+ beta signups" or "4.9★ from early users" adds credibility.
Slide 6 — The CTA. Your closing image. Reinforce the value proposition, show your URL, and include a clear call to action. Something like "Try it free — no design skills needed" paired with a final polished product shot.
Design Consistency Across Slides
Use a consistent brand-colored border or background padding across all gallery images. This creates a professional, unified look as someone scrolls through your gallery. Match your fonts, colors, and layout grid from slide to slide. Inconsistent styling signals "thrown together at the last minute" — which is the opposite of the impression you want for a launch.
Raw Screenshots vs. Polished Gallery Images
One of the biggest mistakes SaaS founders make is uploading raw, unedited screenshots to their Product Hunt gallery. An unframed screenshot lacks context, branding, and visual hierarchy — it just looks like someone hit Cmd+Shift+4 and called it a day.
The difference between a raw screenshot and a polished marketing asset can determine whether a visitor scrolls past or clicks "Get it." Product screenshots need context: a device frame, a branded background, callout text highlighting the key feature, and consistent styling that ties the whole gallery together.
Social Media Launch Graphics You'll Need on Day One
Here's what most Product Hunt guides miss entirely: the graphics you need outside of Product Hunt itself.
On launch morning, you'll post to Twitter/X, LinkedIn, maybe Instagram or an indie hacker community. Each platform has different image dimensions, and a graphic that looks great on Twitter gets cropped awkwardly on LinkedIn. You need platform-specific assets ready before launch day — because on the day itself, you'll be glued to your Product Hunt page responding to every comment.
Platform Dimensions
Twitter/X announcement post: 1600 × 900 px. Twitter crops aggressively, so keep your key message and product screenshot centered with generous safe margins. Include your Product Hunt link text in the image itself ("Live on Product Hunt today!") since the image is what stops the scroll.
LinkedIn post: 1200 × 627 px. LinkedIn audiences skew more professional and respond well to metrics-driven visuals. Lead with a result or milestone ("We built this in 3 months — launching today on Product Hunt") alongside a clean product mockup.
Instagram (optional): 1080 × 1080 px for feed posts, 1080 × 1920 px for Stories. Most SaaS launches skip Instagram, but if your audience is there, a Story with swipe-up to your PH page can drive engaged traffic.
Prepare These the Night Before
Write your launch tweets and LinkedIn posts, pair them with the correct graphics, and schedule them if your tool supports it. The first hour after midnight PT (when Product Hunt resets) and the 8–9 AM window (when most people check the feed) are critical. You can't be resizing images in Canva while also responding to Product Hunt comments.
Video and GIF: Show Your Product in Action
More than half of all Products of the Day since 2021 have included a video in their gallery, according to Product Hunt's launch preparation guide. Video isn't required, but it's strongly correlated with top-performing launches.
Demo Video Best Practices
Keep it short — 60 to 90 seconds maximum. Show your product's core workflow from start to finish: the problem, the solution in action, and the result. Use a 16:9 aspect ratio in HD quality, and host on YouTube or Vimeo (Product Hunt only supports these two for embeds).
Skip the elaborate intro animations. Viewers want to see the product immediately. A quick 3-second title card, then straight into the demo. Add background music if you want, but make sure the product workflow is visually self-explanatory with or without sound — many people browse Product Hunt on mute.
GIFs as an Alternative
If a full video feels like too much, animated GIFs are an excellent alternative for your gallery. They autoplay on hover in the Product Hunt gallery, giving you motion without requiring a viewer to hit play. The constraint: keep gallery GIFs under 3 MB at 1270 × 760 px. Focus on one key interaction per GIF — a single feature demo, not a full product tour.
How to Create Product Hunt Assets Without a Designer
Not every founding team has a designer on call. Here are three practical approaches to creating polished Product Hunt launch assets, ranked by speed and cost.
Option 1: Figma Templates (Free, but Time-Intensive)
The Figma Community has free Product Hunt asset templates with frames pre-sized to the correct dimensions. If you're comfortable in Figma, you can customize these with your screenshots, brand colors, and copy. Expect to spend 8–16 hours getting everything polished, especially if you're building gallery images, social graphics, and a thumbnail from scratch.
Best for: Teams with some design experience who want full creative control.
Option 2: AI-Powered Tools (Fast, Low Cost)
Tools like Framiq generate Product Hunt asset packs directly from your product screenshots. You upload a screenshot, and the AI produces gallery images, thumbnails, and social media graphics sized to each platform's specs — with your brand colors auto-detected and applied. The whole process takes about 60 seconds per asset.
Best for: Solo founders and indie hackers who need professional results without design skills. Framiq's Product Hunt Pack generates both thumbnail and gallery images to exact PH specifications in a single workflow.
Cost: Starting at $0 (free tier includes 5 credits) or $29/month for 60 credits.
Option 3: Freelance Designer (High Quality, Slower)
Hire a freelancer on Fiverr or Upwork to create your full asset set. Budget $300–$800 depending on scope, and allow 3–7 business days for delivery plus revisions. This gets you custom, hand-crafted assets — but the timeline can be tight if you're on a launch deadline.
Best for: Funded teams with budget and lead time who want a bespoke visual identity for the launch.
Time and Cost Comparison
| Approach | Time | Cost | Design Skill Needed? |
|---|---|---|---|
| Figma templates | 8–16 hours | Free | Yes |
| AI tools (e.g., Framiq) | 15–30 minutes | $0–29 | No |
| Freelance designer | 3–7 days | $300–800 | No (but needs briefing) |
Common Visual Mistakes That Tank Product Hunt Launches
Even great products can underperform on Product Hunt if the visuals let them down. Here are the most common mistakes to avoid.
Using raw, unpolished screenshots. Nothing signals "side project" louder than an unframed screenshot pasted directly into the gallery. Add a device frame, background, and context — even a simple browser mockup elevates the perception of quality dramatically.
Cramming text into gallery images. Your gallery images aren't slides in a conference talk. Keep text minimal — a headline and a single sentence at most. The product screenshot should do the talking. If you need to explain a feature, write it in the Product Hunt description instead.
Inconsistent branding across slides. Mixing different background colors, fonts, or layout styles from one gallery image to the next looks unprofessional. Pick a template and stick with it across all six to eight slides.
Forgetting how assets look on mobile. A significant portion of Product Hunt traffic comes from mobile devices. Preview your thumbnail and gallery images on a phone screen before uploading. Text that's readable on a 27-inch monitor can become illegible on a 6-inch screen.
Skipping the OG image. When supporters share your Product Hunt link on social media, the preview image comes from your first gallery image. If that first image is a dense product screenshot with no text overlay, it won't communicate anything in a Twitter timeline. Design your first gallery image to function as a standalone social share card.
Uploading low-resolution assets. Product Hunt displays gallery images on high-DPI screens. Export at 2× resolution when possible (2540 × 1520 for gallery images) and let PH downscale, rather than uploading at 1× and getting blurry results.
Frequently Asked Questions
What size should Product Hunt images be?
Product Hunt requires a 240 × 240 pixel square thumbnail (PNG, JPG, or GIF under 3 MB) and 1270 × 760 pixel landscape gallery images (PNG or JPG under 10 MB each). For social sharing, prepare a 1200 × 630 pixel OG image. Videos should use a 16:9 aspect ratio in HD quality.
How many gallery images should I upload?
Product Hunt requires a minimum of two gallery images, but six to eight images is the sweet spot for top-performing launches. This gives you enough space to tell a complete visual story: hook, problem, features, social proof, and call to action.
Can I use GIFs on Product Hunt?
Yes. Product Hunt supports animated GIFs for both thumbnails and gallery images. Thumbnail GIFs must be under 3 MB and will animate on hover (they don't autoplay). Gallery GIFs should be 1270 × 760 px and under 3 MB. Keep animations simple and focused on a single interaction — complex GIFs compress poorly at these file size limits.
How do I create Product Hunt assets without Figma?
You don't need Figma or any design tool to create professional Product Hunt assets. AI-powered marketing tools like Framiq can generate a complete Product Hunt asset pack — including thumbnail and gallery images sized to PH specifications — directly from your product screenshots. Upload a screenshot, and the AI handles device framing, brand color detection, and layout. The entire process takes about 60 seconds.
What makes a good Product Hunt thumbnail?
A strong Product Hunt thumbnail uses high contrast, a single bold visual element (logo or simplified product icon), and minimal or no text. Test your design at actual 240 × 240 pixel size — detail that's visible at 1000px often becomes unreadable at thumbnail size. Animated GIF thumbnails can increase engagement, but only if the animation is simple and the first frame looks polished (since GIFs don't autoplay in the feed).
Building your Product Hunt launch assets shouldn't take longer than building the product itself. Whether you use Figma templates, AI tools, or a freelancer, the key is starting early and having every asset ready before launch day. Your product is ready — make sure your marketing is too.