HTML to Social Media Image Renderer avatar

HTML to Social Media Image Renderer

Pricing

from $1.00 / 1,000 results

Go to Apify Store
HTML to Social Media Image Renderer

HTML to Social Media Image Renderer

Render HTML/CSS into pixel-perfect social media images - Pinterest pins, OG images, X cards, Instagram posts, YouTube thumbnails. Send HTML, get a public PNG/JPEG URL back as structured JSON. Full Chromium rendering with web fonts and emoji. Built for AI agents and automations. MCP-ready.

Pricing

from $1.00 / 1,000 results

Rating

0.0

(0)

Developer

廣河 佐藤

廣河 佐藤

Maintained by Community

Actor stats

0

Bookmarked

2

Total users

1

Monthly active users

6 days ago

Last modified

Share

Turn any HTML/CSS into a pixel-perfect social media image. Send HTML, get back a public URL to a PNG/JPEG rendered at the exact canvas size you asked for.

Built for AI agents and automation pipelines that need to convert text/data into shareable visuals — Pinterest pins, OG images, X/Twitter cards, Instagram posts, YouTube thumbnails, quote cards, price tables, weekly report graphics.

Why this Actor

  • Exact canvas control — you set width×height, your HTML renders on that canvas. No cropping surprises.
  • Structured output — the result is JSON with a stable imageUrl (public key-value store link). No parsing needed.
  • Web-font & emoji ready — full Chromium rendering. Inline <style>, Google Fonts <link>, flexbox/grid all work.
  • Fast & cheap — a typical card renders in ~2-3 seconds.

Using from MCP (AI agents)

This Actor is callable through the Apify MCP server. Once connected, an agent can call it like a tool:

{
"html": "<div style='width:1000px;height:1500px;background:#1a1a2e;color:#fff;font-family:sans-serif;padding:80px'><h1 style='font-size:80px'>5 Kitchen Storage Hacks</h1><p style='font-size:44px;color:#ffd166'>that actually survive Monday mornings</p></div>",
"width": 1000,
"height": 1500,
"format": "png"
}

The dataset item returned:

{
"imageUrl": "https://api.apify.com/v2/key-value-stores/XXXX/records/image.png",
"width": 1000,
"height": 1500,
"format": "png",
"bytes": 152340,
"renderMs": 2400
}

Common canvas sizes

Use casewidth × height
Pinterest pin (2:3)1000 × 1500
OG image / link card1200 × 630
X/Twitter card (16:9)1200 × 675
Instagram post1080 × 1080
YouTube thumbnail1280 × 720

Long infographics: set fullPage: true and the full document height is captured.

Input reference

See the Input tab. Required: html. Optional: width (default 1000), height (default 1500), format (png|jpeg), jpegQuality, fullPage, waitMs (extra settle time for web fonts).

Limits

  • HTML input up to 2MB. External assets must be publicly reachable.
  • Canvas 100–4000px per side.

日本語

HTML/CSSをそのままSNS画像(PNG/JPEG)に変換するAPIです。Pinterestピン、OGP画像、Xカード、Instagram投稿、YouTubeサムネイル、引用カードなどを、AIエージェントや自動化パイプラインから1リクエストで生成できます。

  • html を送ると、指定した width×height のキャンバスでChromiumがレンダリングし、公開URL付きのJSONが返ります
  • 日本語フォント・絵文字対応。Google Fontsの <link> もそのまま使えます
  • Apify MCPサーバー経由でAIエージェントのツールとしても呼び出せます

制作: kuralab