Sharing images
The image a link shows when it is shared on LinkedIn, X, Slack or in a message (og:image).
When a user shares a Clinia link, the platform shows the page's sharing image beside its title. It is often the first thing anyone sees of a page, so every page sets one.
Size and format
- 1200 × 630px, a 1.91:1 ratio. LinkedIn, X, Facebook and Slack all show it uncropped.
- PNG or JPG, under 5MB. X and LinkedIn reject larger files.
- Keep the logo and copy in the centre 630 × 630px. WhatsApp and iMessage crop the image to a square.
How to choose a layout
| If the page is… | Use |
|---|---|
| A site's home page, such as help.clinia.com or docs.clinia.com | Article, with the site's name as the eyebrow: see Site home pages |
| Any other page without its own image | Default: the wordmark, centred |
| A blog post, case study or announcement | Article: an eyebrow, the title in NaN Serf B and the wordmark |
| A partnership, integration or certification | Co-branded: Clinia and the partner across the divider, as on Co-branding |
Layouts
Each layout comes in two versions, like the profile banners: light, on Remedy, by default, and dark, on Infinite. The Vital line from Line & shape is cropped at the top right, clear of the logo and copy.
Keep an Article title to two lines, about 30 characters. On French pages, use an Article image with the French title. Default and Co-branded carry no copy, so one file serves both languages.
The partner above is a placeholder from Logoipsum.
↓ Download the sharing images (.zip)Site home pages
Each Clinia site's home page uses the light Article card, with the site's name as the eyebrow and a title of two lines at most, about 20 characters. When several sites are shared in one thread, the cards match and each one names its site. A new site adds its card here before it goes live.
Do and Don't
Do
- Check a new image in each platform's preview tool before the page goes live.
Don't
- Export at another size, such as 1024 × 522. Platforms crop or letterbox it.
- Put small text on the image. It shrinks to a thumbnail in most feeds.
Tags
Set the image, its size and its alt text with the other Open Graph tags: see SEO.