Launch guides

Everything around the images and tags you need on launch day. Each guide starts with the short answer and ends with the code to paste.

• OG image size: use 1200 × 630, and here's what each platform does with it1200×630 works everywhere. What X, LinkedIn, Facebook, Slack and iMessage crop, and the tags to paste.
• OG image not showing? Nine causes, in the order to check themNine reasons a link preview breaks on X, LinkedIn, Slack or WhatsApp, in the order to check them, and how to refresh each cache.
• Next.js OG images: the static file, the dynamic route, and the metadataBase trapStatic opengraph-image files, dynamic ones with ImageResponse, metadataBase, twitter:card and the preview-deployment trap.
• Favicon sizes in 2026: the few files you actually needfavicon.ico, apple-touch-icon, manifest icons and Google Search: the short list of files and the HTML.
• X (Twitter) header size: 1500 × 500, and the part that actually shows1500×500, what gets cut on phones and desktop, where your profile photo lands, and what founders put on it.
• Product Hunt image sizes, and what to put on each gallery imageGallery 1270×760, thumbnail 240×240, and a five-image gallery plan that explains your product in one swipe.
• Product Hunt launch checklist: everything to prepare, in orderEverything to prepare before launch day: listing, images, links, previews, and the day itself.
• Discord link embeds: how to get the large image and your own colorHow Discord builds link embeds, how to get the big image, and the embed color.
• WhatsApp link preview: why the image doesn't show, and how to fix itWhy WhatsApp drops the image, the file-size limit people hit, and how to refresh.
• Slack link preview: what Slack shows, and how to fix a missing unfurlWhat Slack shows when your link is posted, why the image is tiny, and how to fix a missing unfurl.
• Framer OG image: set the social preview for the site, each page and CMS itemsWhere Framer's social image lives: the site default, the per-page override and CMS pages.
• Webflow OG image: per page, for CMS items, and the missing site-wide defaultWebflow sets the Open Graph image per page; how to cover every page, CMS items and the missing site-wide default.
• WordPress OG image: setting the social image, and the duplicate-tag trapWordPress needs a plugin or theme for Open Graph tags. Where to set the image, and the duplicate-tag trap.
• Shopify OG image: the social sharing image, theme overrides and locked storesThe Shopify social sharing image setting, how the theme can override it, and why a locked store shows nothing.
• Astro OG image: meta tags in your layout, with absolute URLsOpen Graph tags in an Astro layout with absolute URLs from Astro.site, and per-page images.
• Link preview checkerFree tool: paste a URL, see your preview on X, LinkedIn, Slack and iMessage, get a list of fixes.