Updated · Built and checked by the PlinzoTools team, formulas tested against published sources
Preview how your page will look when shared as a card on X (Twitter).
Free Online Tools & Calculators
Fast, free, and accurate online tools -- no sign-up required.
plinzotools.com
This tool renders a mockup of how your page will look as a "summary large image" card when shared on X (Twitter) -- based on your title, description, image, and domain.
Enter your title, description, domain, and image URL. The card preview updates instantly.
The preview draws a rounded card about 500 pixels wide, in the "summary large image" style. A wide image area sits at the top, 260 pixels tall, and the picture you supply by URL is scaled to fill and cropped to fit. Without an image, a placeholder icon appears. Underneath are the title in bold on a single line, the description limited to two lines, and your domain in small grey text. Anything longer is cut off in the mockup. Only the summary large image layout is drawn; other card types, such as the small summary card, are not shown, and the tool never contacts your website or reads its tags. It is a visual approximation based solely on what you type.
Imagine you run a small recipe blog on the domain "quietkitchen.example" and you are about to share a post titled "One-Pan Lemon Chicken With Roasted Potatoes and Green Beans". Type that in with a description like "A weeknight dinner that needs one tray and about 40 minutes." You will find that the title is trimmed because it is too long for one line. Rewriting it to "One-Pan Lemon Chicken and Potatoes" restores a clean look. Then shorten the domain field to what people will recognise. This kind of iteration on a mockup is quicker than posting test tweets and deleting them.
The image area is roughly 500 by 260, which is close to the wide 1.91 to 1 shape commonly used for large link images. A picture with a similar ratio will show nearly complete, while a square or tall picture will lose its top and bottom. Place the subject in the middle and keep any text large and short. Use an absolute web address for the image that is publicly reachable. If your link is to a private file, a page requiring login, or a local path, the mockup will not load it, and neither will the real platform.
On the live page, the card is built from meta tags in your page head. The usual set includes twitter:card to choose the layout, plus title, description and image tags. The existing FAQ notes that X falls back to Open Graph tags when Twitter-specific ones are missing, which means a page with good Open Graph tags often looks fine already. Adding separate Twitter tags is useful when you want a different title or image on that platform than on others. The card domain shown in this mockup comes from the link, so the domain field here is just to see how it fits.
Platforms change how cards look over time, and the display varies between web, mobile apps and embedded views. Cards can also be cached, so a link that was shared before you fixed the tags may keep showing the old version for a while. This mockup cannot tell you how the card will appear in someone's feed on a particular device, nor can it confirm your tags are present and valid. After publishing, test the actual URL with the platform's own tools, and verify that the image address responds correctly from outside your own network.
Typically twitter:card, twitter:title, twitter:description, and twitter:image -- X falls back to your Open Graph tags if Twitter-specific tags aren't present.
No. It only draws the large image layout, with the image on top and the text beneath. Other card types will look different on the platform.
The title area shows a single line, so long titles are truncated. Shorten it or place the key words at the beginning so the cut-off portion matters less.
Not necessarily, since X falls back to Open Graph values. Add Twitter-specific tags when you want a different title, description or image for that platform.
Not always. Platforms may cache link data, so an older version can persist for a time after you edit your page.
Reference: Google Search Central