---
canonical: 'https://htmlcsstoimage.com/features/og-images-for-apple-messages'
title: 'Apple Messages Open Graph Image Generator | HTML/CSS to Image'
description: 'Generate Apple Messages link preview images for every page. Use one dynamic og:image URL and cached rendering, sized for messages, with no extra image-generation code per page.'
---

# Generate Apple Messages link preview images for every page

Use one HCTI og:image pattern across your site. Each page supplies its own metadata, and HCTI keeps the matching Apple Messages image current without a separate image-generation request.

## Key capabilities

- 1200 × 628 images for messages
- Updates when preview inputs change
- No extra code per page

## When to use this feature

Use HCTI Dynamic Open Graph Images when a site has many public pages that need current, page-specific link preview images. Configure one URL pattern instead of calling an image-generation API from every publishing workflow. Each page can provide screenshot options or template values through meta tags, and unchanged inputs reuse the existing image. The source pages must be reachable by HCTI; use the [URL Screenshots feature](https://htmlcsstoimage.com/features/url-screenshots.md) for ordinary webpage captures that are not driven by link-preview metadata, or [Signed Image URLs](https://htmlcsstoimage.com/features/signed-image-urls.md) when the complete render request belongs in the image URL itself.

## Add one Open Graph image URL pattern

Set `og:image` to an HCTI URL containing the current page path. HCTI opens that page, reads its supported meta tags, and returns the matching cached image.

```html
<meta property="og:image" content="https://hcti.io/v1/og/YOUR_DOMAIN_ID/articles/product-launch">
<meta property="hcti:selector" content="#social-card">
```

## Choose how each image is made

- **Page screenshot:** Add `hcti:` meta tags to select an element, apply page-only CSS, set timing, or provide other eligible screenshot options.
- **Reusable template:** Add `html:tv:` meta tags to populate variables in a maintained HCTI template.
- **Content-aware reuse:** If the resolved screenshot or template inputs have not changed, HCTI returns the existing image.
- **Controlled metadata refresh:** The configuration controls when HCTI checks a page again, and origin cache headers or ETags can postpone or simplify that check.

## Apple Messages preview size

Apple Messages previews use a 1200 × 628 target. Choose one shared image, fit a single render to recognized preview sizes without squashing it, or render each size with its own viewport.

## Test and configure

Use the [social card previewer](https://htmlcsstoimage.com/tools/social-card-previewer/apple-messages) to inspect a public page's current image, title, description, fallbacks, and platform-shaped preview.

Create and manage dynamic Open Graph configurations in the [HCTI dashboard](https://htmlcsstoimage.com/dashboard/og-configs). See the [setup guide](https://docs.htmlcsstoimage.com/getting-started/og-images/) and [supported metadata parameters](https://docs.htmlcsstoimage.com/getting-started/og-images/supported-parameters/) for implementation details.

## Let the image introduce the page before the text below it

### Articles between friends

Use a recognizable hero image when the title sits below the card.

### Reservations and events

Make the linked page obvious in a busy group conversation.

### Product links

Show the product clearly without relying on a paragraph of preview text.

## Related features

- [HTML to Image](https://htmlcsstoimage.com/features/html-to-image.md): HTML & CSS into an image with one API call.
- [URL Screenshots](https://htmlcsstoimage.com/features/url-screenshots.md): Screenshot any website with one API call.
- [Templates](https://htmlcsstoimage.com/features/templates.md): Reuse one design for consistent, dynamic images.
- [Signed Image URLs](https://htmlcsstoimage.com/features/signed-image-urls.md): Dynamic images without an extra API request.

## Get started

REST API requests require an HTML/CSS to Image account and should be authenticated from trusted application code. Check the API docs and pricing for current setup instructions, limits, and feature availability.

- [View the full feature page](https://htmlcsstoimage.com/features/og-images-for-apple-messages)
- [Browse all features](https://htmlcsstoimage.com/features.md)
- [Start free](https://htmlcsstoimage.com/join)
- [View pricing](https://htmlcsstoimage.com/pricing.md)
- [Read the API docs](https://docs.htmlcsstoimage.com/getting-started/og-images/)
- [Read the MCP docs](https://docs.htmlcsstoimage.com/integrations/mcp/)