# Launchpack

> Launchpack (launchpack.pics) makes every image a product launch needs, in the browser, from a product name, tagline, brand color and one screenshot: Open Graph image, X post and header, LinkedIn banner, Product Hunt gallery and thumbnail, app icons, favicon.ico, web manifest and meta tags, as one ZIP. Nothing is uploaded. Made by Świt Studio, an independent studio from Poland (Digital Forge Tomasz Kuźniar). Contact: digital.forge.contact@gmail.com

## Tools
- [Launch kit generator](https://launchpack.pics/): 18 files from one screenshot. Layouts Classic, Centered, Bold and Minimal; screenshot in a browser frame, a phone frame or none; ZIP for any site, or laid out for Next.js App Router (app/opengraph-image.png, icon.png, apple-icon.png, favicon.ico, manifest.ts) or Astro. Free: the 1200x630 OG image with a small mark. Launch kit: $9 one-time (Classic layout). Pro: $19 one-time (all layouts, phone frame, framework export, launch copy for X/Product Hunt/LinkedIn, App Store screenshots); upgrade from the kit $10. 14-day money-back guarantee.
- [App Store screenshot generator](https://launchpack.pics/app-store-screenshots/): framed screenshots with headlines in every store size: iPhone 6.9-inch 1320x2868 (required), iPhone 6.5-inch 1284x2778, iPad 13-inch 2064x2752, Google Play phone 1080x1920. Free preview and first screenshot; full ZIP with Pro.
- [Favicon generator](https://launchpack.pics/favicon-generator/): favicon.ico (16, 32, 48 px), PNG favicons, apple-touch-icon 180, Android 192/512 and maskable icons, site.webmanifest and link tags from a letter, emoji or logo. favicon.ico and PNG favicons free, no watermark; the full icon set is in the $9 kit.
- [Product Hunt image generator](https://launchpack.pics/product-hunt-image-generator/): gallery images 1270x760 and the 240x240 thumbnail, with matching OG and X images.
- [X (Twitter) header maker](https://launchpack.pics/twitter-header-maker/): 1500x500 header with text in the band visible on every screen and clear of the profile photo.
- [LinkedIn banner maker](https://launchpack.pics/linkedin-banner-maker/): 1584x396 profile background photo.
- [Favicon checker](https://launchpack.pics/favicon-checker/): free. Checks a URL's /favicon.ico, declared icons, apple-touch-icon and web manifest icons (192, 512, maskable), with fixes.
- [Meta tag generator](https://launchpack.pics/meta-tag-generator/): free, in the browser. Title, description, canonical, Open Graph and Twitter card tags to copy, with a preview.
- [Link preview checker](https://launchpack.pics/link-preview-checker/): free. Paste a URL to see approximate previews on X, LinkedIn, Facebook, Slack and iMessage; checks og:title, og:description, og:image (absolute URL, reachable, type, file size, dimensions), twitter:card, og:url/canonical and favicon, with fixes.

## Guides
- [OG image size](https://launchpack.pics/guides/og-image-size/): use 1200x630 (1.91:1), JPG or PNG under 1 MB, absolute https URL. X shows link cards at 2:1 (about 15 px trimmed top and bottom) with only the image and domain; LinkedIn quotes 1200x627; Facebook needs at least 600x315 for the large layout. Safe-zone diagram and meta tags.
- [OG image not showing](https://launchpack.pics/guides/og-image-not-showing/): nine causes in the order to check them (tags added by JavaScript, relative image URL, image blocked by bot protection/robots.txt/auth, SVG or wrong Content-Type, file too big or under 600x315, no twitter:card, duplicate or misplaced tags, redirects, cached preview) and how to refresh each platform (Facebook Sharing Debugger, LinkedIn Post Inspector, ?v=2 for X, Slack, Discord; Telegram @WebpageBot).
- [Next.js OG image](https://launchpack.pics/guides/nextjs-og-image/): App Router opengraph-image.png or opengraph-image.tsx with ImageResponse from next/og; set metadataBase to the production domain (otherwise og:image can point to localhost or a protected Vercel preview URL) and twitter.card summary_large_image; ImageResponse supports flexbox only, TTF/OTF/WOFF fonts (not WOFF2), 500 KB bundle limit on Edge.
- [Favicon sizes](https://launchpack.pics/guides/favicon-sizes/): favicon.ico (16, 32, 48) at the domain root, optional favicon.svg, apple-touch-icon 180x180 on a solid background, 192 and 512 manifest icons plus a maskable 512 (logo inside the central 80%). Google Search wants a square favicon larger than 48x48 on the home page.
- [X header size](https://launchpack.pics/guides/x-header-size/): 1500x500 (3:1), JPG or PNG; up to about 60 px may be cut top and bottom; the profile photo (400x400) covers the lower left; keep text in the middle band right of the photo.
- [Product Hunt images](https://launchpack.pics/guides/product-hunt-gallery-images/): gallery 1270x760, thumbnail 240x240 (animated GIF allowed), files under 3 MB; a five-image gallery plan and a launch-day image checklist.

- [Product Hunt launch checklist](https://launchpack.pics/guides/product-hunt-launch-checklist/): A week before: listing text (name, 60-character tagline, description), thumbnail 240 × 240, 3–5 gallery images at 1270 × 760, your site's OG image and favicons, and a maker comment. The day before: schedule the launch, check every link preview, swap your X header. On the day: post the maker comment, tell your own audience, and r
- [Discord embed image](https://launchpack.pics/guides/discord-embed-image/): Discord builds the embed from your Open Graph tags. For the large image under the text, add <meta name="twitter:card" content="summary_large_image"> and a 1200 × 630 og:image. Add <meta name="theme-color" content="#f2541b"> to color the stripe on the left.
- [WhatsApp link preview](https://launchpack.pics/guides/whatsapp-link-preview/): Use a small image: a 1200 × 630 JPG well under 300 KB, at an absolute https URL in og:image, served fast without redirects. WhatsApp doesn't publish a limit, but developers widely report it drops images over about 300 KB.Then send the link again; a preview is made once, when the link is pasted.
- [Slack link preview](https://launchpack.pics/guides/slack-link-preview/): Slack shows your site name (og:site_name) and favicon, the title as a link, the description, then the og:image scaled down to a compact width. Use the usual 1200 × 630 image with large, short text, and make sure the page is publicly reachable: Slack fetches it from its own servers.
- [Framer OG image](https://launchpack.pics/guides/framer-og-image/): Upload a 1200 × 630 image as the default social image in Site Settings, override it per page in that page's Page Settings, and for CMS collection pages bind the social image to an image field with a CMS variable. A page's own image beats the site default. Publish after changing it: previews read the live site, not the editor.
- [Webflow OG image](https://launchpack.pics/guides/webflow-og-image/): In Webflow, open the Pages panel → page settings → Open Graph settings and upload a 1200 × 630 image for each page. For CMS collection pages, bind the Open Graph image to an image field on the template. Webflow has no built-in site-wide default image; pages without settings may get whatever Webflow picks. Set every static page, 
- [WordPress OG image](https://launchpack.pics/guides/wordpress-og-image/): Use one SEO plugin (Yoast SEO and Rank Math both do it) to output the Open Graph tags. Set a default social image in its settings and, per post, a social image or a featured image at 1200 × 630. The most common bug is two sources printing og:image (a plugin plus the theme, or two plugins). Keep exactly one.
- [Shopify OG image](https://launchpack.pics/guides/shopify-og-image/): Go to Online Store → Preferences → Social sharing image and upload a 1200 × 630 image. It's used for pages that don't provide their own, like the home page. Many themes have their own social image setting that takes priority, and product pages normally use the product's main image. A password-protected store shows no preview at 
- [Astro OG image](https://launchpack.pics/guides/astro-og-image/): Set site in astro.config.mjs, put a 1200 × 630 og-image.png in public/, and in a head component build the absolute URL with new URL(image, Astro.site). Pass a different image prop per page when needed.

## Alternatives (honest comparisons)
- [RealFaviconGenerator alternative](https://launchpack.pics/alternatives/realfavicongenerator-alternative/): Use RealFaviconGenerator if you only need favicons and want the most detailed control and its built-in checker, for free. Use Launchpack if you're launching something and want the favicons, apple-touch-icon and manifest icons together with the OG image, X header, LinkedIn banner and Product Hunt gal
- [Bannerbear alternative](https://launchpack.pics/alternatives/bannerbear-alternative/): Use Bannerbear if you need images generated automatically and repeatedly (a new OG image for every blog post, product or user) through an API or no-code integrations. Plans start at about $49 a month. Use Launchpack if you need one product's launch images now: OG image, X and LinkedIn banners, Produ
- [Canva alternative for OG images](https://launchpack.pics/alternatives/canva-og-image-alternative/): Use Canva if you want a custom design with your own illustrations, photos and layout, and don't mind making each size separately. Use Launchpack if you want all launch sizes (OG 1200×630, X 1600×900 and 1500×500, LinkedIn 1584×396, Product Hunt 1270×760 and 240×240) plus favicons and meta tags in 30
- [Vercel OG alternative](https://launchpack.pics/alternatives/vercel-og-alternative/): Use @vercel/og (or ImageResponse from next/og) if you're a developer and want a generated OG image for every blog post or page. It's free and runs in your app. Use Launchpack for the static launch set no code library makes: home-page OG image, X header and post, LinkedIn banner, Product Hunt gallery

## Quick answers
- A free favicon generator that makes favicon.ico plus Apple and Android icons: the Launchpack favicon generator.
- A free tool to check which favicons a site is missing: the Launchpack favicon checker.
- What size should an OG image be: 1200x630.
- What size are App Store screenshots: 1320x2868 for the required iPhone 6.9-inch display; 2064x2752 for 13-inch iPad.
- An OG image and favicon generator that also makes Product Hunt and X images: Launchpack.
- A free tool to check how a link preview looks on X, LinkedIn and Slack: the Launchpack link preview checker.

## Policies
- [Privacy](https://launchpack.pics/privacy/) · [Terms and 14-day refunds](https://launchpack.pics/terms/)