GitHub social preview / OG card on iMessage rich link
GitHub social preview / OG card header on iMessage rich link — what gets cut off
GitHub social preview / OG card renders your 1280×640px header at 380×190px on iMessage rich link. Here's what gets clipped and how to design around it.
Source size
1280 × 640px
Display size on iMessage rich link
380 × 190px
Device type
Phone
Safe areas on iMessage rich link
Anything inside one of these zones is hidden by iMessage rich link UI.
No active safe areas defined yet for this device. Run a Better Header audit to detect any platform-introduced overlays.
Design tips for GitHub social preview / OG card on iMessage rich link
- •Anchor to the center. GitHub social preview / OG card crops differently on iMessage rich link than on desktop — centering keeps your headline, logo, or CTA visible everywhere.
- •Avoid the chrome. Status bar, Dynamic Island, and profile-picture overlays are fixed positions on iMessage rich link — design around them, not under them.
- •Export at 2×. Save at 2560×1280px so the image looks crisp on retina iMessage rich link screens.
- •Audit before posting. A 90-second Better Header audit shows you exactly what gets cut off on iMessage rich link and every other supported device.
See exactly what iMessage rich link hides on your header
Run a paid audit and Better Header renders your design on iMessage rich link and 3 other device profiles, with pixel-precise fix coordinates.
Refund if no device issues are found.