In addition to our regular Summary Card, we also have a format that allows you to feature a larger image above the title and description of the Card. The regular Summary Card features a thumbnail image in the upper right hand corner of the Card, but if you want to more prominently feature your image then this is the right Card for you.
In order to use this Card, you’ll need to specify an image with a new minimum size and height. This Card requires an image with minimum width of 280, and a minimum height of 150. If the image is not that big then it will not display, even as a thumbnail. The Card will simply appear without any image attached. Please ensure that your image is less than 1mb.
Web | Mobile |
---|---|
![]() |
![]() |
The card is designed to give the reader a preview of the content before clicking through to your website.
Drive downloads
In addition to displaying your content in a more engaging way, the Large Image Summary Card can also drive downloads of your mobile applications. For more information, see App Installs and Deep-Linking.
Below are the minimum properties that this card makes use of, including: title, description, and image.
Card Property | Description | Required |
---|---|---|
twitter:card | Should be set to a value of "summary_large_image" | No. If no twitter:card value is set, we will default to a summary card. |
twitter:title | Title should be concise and will be truncated at 70 characters. | Yes |
twitter:description | A description that concisely summarizes the content of the page, as appropriate for presentation within a Tweet. Do not re-use the title text as the description, or use this field to describe the general services provided by the website. Description text will be truncated at the word to 200 characters. | Yes |
twitter:image | URL to a unique image representing the content of the page. Do not use a generic image such as your website logo, author photo, or other image that spans multiple pages. Images for this Card should be at least 280px in width, and at least 150px in height. Please also note that images must not be greater than 1mb in size. | No |
If any required fields are omitted, the card may not be shown in the Tweet. Note that the card displays clear attribution for both the website and content creator. Here's the full HTML for the card above:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.">
<meta name="twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">
More information on the ability to deep-link from this Card is located here.
Next step: test your integration with our Validator Tool!