Share preview
What people see when you text the new Alan Jay site or post the link anywhere.
In a text
iMessage
The road and the word move, on a 3 second loop.
iMessage, Reduce Motion on

The still, with a play button. Same if the video cannot load.

The still. Facebook, Slack and X show the still too.
The files
What each app does
| App | What it shows | Does it move? |
|---|---|---|
| iMessage | The big picture, the page title and the site name. Apple asks for pictures at least 900 wide and icons at least 108 square.Apple docs | Yes. Apple says it downloads an MP4 named in the page and plays it on its own, muted.Apple docs The server has to answer partial download requests, or iMessage falls back to the still.Developer tests |
| The picture under 600 KB, the title in bold, about 80 letters of the description. Developers report pictures over about 300 KB getting dropped, so ours is 216 KB.Meta docs | No, still only.Tested by checkmyog | |
| 1200 by 630 is their recommended size. It saves the picture by its address, so a new picture needs a new file name.Meta docs | Not promised. Their docs say video may not play inline.Meta docs | |
| X | A wide card at 2 to 1, so a thin strip may be cut from the top and bottom. Nothing important sits there.X docs | No. An animated GIF shows only its first frame.X docs |
| Slack | The picture and title from the same tags.Slack docs | No, video plays only for big services like YouTube.Older post |
| Discord | The picture and title.Tested by checkmyog | Yes, with a play button.Tested by checkmyog |
Green a source states it or someone tested it. Blue inferred from older or indirect sources.
Tags for every page
<!-- share preview: addresses must be full https links; swap the host for www.alanjay.com at launch -->
<meta property="og:site_name" content="Alan Jay Automotive Network">
<meta property="og:image" content="https://alanjay.camberautomotive.com/share/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta property="og:image:alt" content="Alan Jay Automotive Network. Your next car is right down the road.">
<meta property="og:video" content="https://alanjay.camberautomotive.com/share/og.mp4">
<meta property="og:video:secure_url" content="https://alanjay.camberautomotive.com/share/og.mp4">
<meta property="og:video:type" content="video/mp4">
<meta property="og:video:width" content="1200">
<meta property="og:video:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://alanjay.camberautomotive.com/share/og.png">
<link rel="icon" href="/share/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/share/favicon-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="/share/apple-touch-icon.png">
Each page keeps its own og:title, og:description and og:url. Car pages can later swap og.png for the car's photo and drop the video lines.
Not tested yet
What I could not check
- A real iMessage. I cannot send texts, so the bubbles above are drawings, not screenshots.
- Whether iOS 26 plays the video. Apple's note says it does; nobody I found posted a test on a real phone.
- The preview server. The local server here answers partial download requests with the whole file, which makes iMessage show the still. The alanjay.camberautomotive.com host needs to answer them properly.
- WhatsApp, Facebook, Slack and X with the real link.
Two minute check once it is up
- Text the link to yourself on your iPhone. The picture should move within a second or two.
- If you texted the link before, add ?v=2 to the end. Phones remember old previews.
- Send it to yourself on WhatsApp to see the still.
Your call
Blue or white icon
I picked blue: it reads at tab size and matches the blue bar at the top of the site. White is closest to the printed logo.
Words in the picture
Apple suggests no words in preview pictures because they show at many sizes. I kept the homepage line because it reads at about 15 point in a text bubble. The other choice is the logo and road alone.
Sources
- Apple: Create rich previews for Messages
- og-video-preview, notes on iMessage video previews and partial download requests
- checkmyog, which apps play og:video
- Meta: WhatsApp link previews
- Wikimedia: WhatsApp dropping large preview pictures
- Meta: Facebook sharing images
- X: large image cards
- Slack: unfurling links
- Evil Martians: favicon files