Make Your Links Look Great in WhatsApp Conversations
WhatsApp is where links get shared one-on-one or in small trusted groups, which means the context is completely different from public social media. A link preview in a WhatsApp chat is a personal recommendation, and if it looks professional, it carries serious weight.
How WhatsApp Fetches and Displays Link Previews
WhatsApp generates link previews client-side, meaning the sender's phone or desktop app fetches the OG data directly when they paste a URL into a chat. This has a few implications that developers often overlook. First, the fetch happens from the user's IP, so if your site has geo-restrictions or IP-based blocking, previews may fail for some users. Second, WhatsApp caches preview data on the device, not on a central server, which means different users may see different versions of your preview depending on when they first encountered the link. Third, WhatsApp sometimes fails to generate previews entirely on slow connections, which is why keeping your HTML lightweight and your OG tags near the top of the head element matters.
Image Sizing for WhatsApp's Compact Preview Cards
WhatsApp renders link previews as compact cards with a small thumbnail on the left and the title and description on the right. The standard 1200x630 OG image gets heavily downscaled for this thumbnail, so fine details and small text become completely unreadable. Design your OG image with a strong central focal point that still communicates something meaningful at thumbnail size. A recognizable brand logo, a bold number, or a simple icon works far better than a complex composition. Testing your image at 80x80 pixels gives you a realistic approximation of how it will actually appear in most WhatsApp conversations.
WhatsApp Web vs. Mobile Rendering Differences
WhatsApp Web on desktop and WhatsApp on mobile render link previews differently. The desktop version shows a slightly larger preview with more of the description text visible, while mobile crops it aggressively. Group chats on mobile are especially tight, with previews competing against message bubbles from multiple participants. If your target audience is likely to encounter your links on mobile, which is the majority of WhatsApp's 2+ billion users, prioritize the mobile rendering. Keep your og:title under 60 characters and your og:description under 100 to avoid awkward truncation on smaller screens.
WhatsApp Business and Catalog Link Previews
If you are building e-commerce sites or product pages that get shared via WhatsApp Business, your OG images serve as mini product cards. Business users share links to specific products in customer conversations, and the preview image is often the first impression a potential buyer gets. For product pages, include the product image prominently, keep the background clean, and avoid cluttering the image with price tags or promotional text that will be unreadable at thumbnail size. A clear product shot with your brand name is more effective than trying to cram a full advertisement into the OG image. This is especially important for Shopify and WooCommerce stores where WhatsApp sharing is a major traffic driver.
Generate your OG image in seconds
Paste a title, pick a brand color, and get production-ready social cards for every platform — with framework-specific meta tag snippets included.
Create WhatsApp Preview Images